@layer base {
  
  body, :host {
    /* Color */
    --grey-50: #FAFAFA;
--grey-100: #F5F5F5;
--grey-200: #E5E5E5;
--grey-300: #D4D4D4;
--grey-400: #A3A3A3;
--grey-500: #737373;
--grey-600: #525252;
--grey-700: #404040;
--grey-800: #262626;
--grey-900: #171717;
--red-50: #FEF2F2;
--red-100: #FEE2E2;
--red-200: #FECACA;
--red-300: #FCA5A5;
--red-400: #F87171;
--red-500: #EF4444;
--red-600: #DC2626;
--red-700: #B91C1C;
--red-800: #991B1B;
--red-900: #7F1D1D;
--blue-50: #EFF6FF;
--blue-100: #DBEAFE;
--blue-200: #BFDBFE;
--blue-300: #93C5FD;
--blue-400: #60A5FA;
--blue-500: #3B82F6;
--blue-600: #2563EB;
--blue-700: #1D4ED8;
--blue-800: #1E40AF;
--blue-900: #1E3A8A;
--lime-50: #F7FEE7;
--lime-100: #ECFCCB;
--lime-200: #D9F99D;
--lime-300: #BEF264;
--lime-400: #A3E635;
--lime-500: #84CC16;
--lime-600: #65A30D;
--lime-700: #4D7C0F;
--lime-800: #3F6212;
--lime-900: #365314;
--pink-50: #FDF2F8;
--pink-100: #FCE7F3;
--pink-200: #FBCFE8;
--pink-300: #F9A8D4;
--pink-400: #F472B6;
--pink-500: #EC4899;
--pink-600: #DB2777;
--pink-700: #BE185D;
--pink-800: #9D174D;
--pink-900: #831843;
--teal-50: #F0FDFA;
--teal-100: #CCFBF1;
--teal-200: #99F6E4;
--teal-300: #5EEAD4;
--teal-400: #2DD4BF;
--teal-500: #14B8A6;
--teal-600: #0D9488;
--teal-700: #0F766E;
--teal-800: #115E59;
--teal-900: #134E4A;
--green-50: #ECFDF5;
--green-100: #D1FAE5;
--green-200: #A7F3D0;
--green-300: #6EE7B7;
--green-400: #34D399;
--green-500: #10B981;
--green-600: #059669;
--green-700: #047857;
--green-800: #065F46;
--green-900: #064E3B;
--purple-50: #F5F3FF;
--purple-100: #EDE9FE;
--purple-200: #DDD6FE;
--purple-300: #C4B5FD;
--purple-400: #A78BFA;
--purple-500: #8B5CF6;
--purple-600: #7C3AED;
--purple-700: #6D28D9;
--purple-800: #5B21B6;
--purple-900: #4C1D95;
--yellow-50: #FFFBEB;
--yellow-100: #FEF3C7;
--yellow-200: #FDE68A;
--yellow-300: #FCD34D;
--yellow-400: #FBBF24;
--yellow-500: #F59E0B;
--yellow-600: #D97706;
--yellow-700: #B45309;
--yellow-800: #92400E;
--yellow-900: #78350F;
--container-bg: #F3F4F7;
--disable-color: #999999;
--divider-color: #e0e0e0;
    /* Fonts */
    --font-sans: 'Inter',sans-serif;
--font-lexend: 'Lexend',sans-serif;

    /* Font size */
    --font-size-xxs: 0.625rem;
--font-size-xs: 0.75rem;
--font-size-sm: 0.875rem;
--font-size-base: 1rem;
--font-size-lg: 1.125rem;
--font-size-xl: 1.25rem;
--font-size-2xl: 1.5rem;
--font-size-3xl: 1.875rem;
--font-size-4xl: 2.25rem;
--font-size-5xl: 3rem;
    /* Font weight */
    --font-weight-thin: 100;
--font-weight-lighter: 200;
--font-weight-light: 300;
--font-weight-regular: 400;
--font-weight-normal: 500;
--font-weight-bold: 700;
--font-weight-semi-bold: 600;
--font-weight-bolder: 800;
--font-weight-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --width-summary-common: 466px;
--width-header-common: 1080px;
--width-block: 970px;
--max-width: 1080px;
    /* Z-index */
    
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .uiTsf {
    width:100%;
  height:100%;
  max-width:100%;
  min-width:1375px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  flex-direction:row;
  justify-content:start;
  background-color:var(--grey-600, #525252);
  }
      

      
        
      
      
  
      

      
        
      
      
  .JvZIa {
    display:none;
  }
      

      
        
      
      
  .ddhzbq {
    top:0px;
  flex:1;
  left:0px;
  z-index:2;
  position:sticky;
  min-width:1090px;
  }
      

      
        
      
      
  .eEaLTT {
    width:100%;
  height:100%;
  z-index:1000;
  position:absolute;
  align-items:center;
  justify-content:center;
  background-color:#73737330;
  }
      

      
        
      
      
  .bfQOli {
    width:40px;
  height:auto;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cXjqHf {
    :;
  width:100%;
  height:100%;
  z-index:100;
  position:absolute;
  }
      

      
        
      
      
  .cGILtK {
    gap:0px;
  top:0px;
  left:0px;
  width:100%;
  bottom:0px;
  height:100%;
  position:relative;
  max-width:250px;
  box-shadow:1px 4px 8px 0px #00000044;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  justify-content:start;
  background-color:var(--grey-50, #FAFAFA);
  border-right-color:var(--grey-200, #E5E5E5);
  border-right-style:solid;
  border-right-width:1px;
  }
      

      
        
      
      
  .eQMipB {
    font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .cCYXsI {
    width:100%;
  }
      

      
        
      
      
  .dRLfCu {
    font-size:14px;
  font-family:'Lexend';
  font-weight:Inherit;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  }
      

      
        
      
      
  .fiRMND {
    gap:8px;
  align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .ejMlWH {
    flex:1  ;
  color:var(--grey-500);
  cursor:pointer;
  display:flex;
  row-gap:4px;
  background: var(--grey-200);
  column-gap:4px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .ejMlWH.selected {
    color:white;
  background: black;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      


  .ejMlWH:hover {
    opacity:0.8;
  }
      

        
      
      
  .epeTND {
    width:100%;
  align-items:end;
  justify-content:start;
  }
      

      
        
      
      
  .uAhkU {
    width:100%;
  cursor:pointer;
  display:none;
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
  .uAhkU.is-selected {
    width:100%;
  align-items:center;
  font-weight:var(--font-weight-semi-bold);
  border-radius:16px;
  flex-direction:row;
  justify-content:space-between;
  }
      

        
      
      
  .chlpqx {
    gap:16px;
  width:100%;
  height:calc(100vh - 280px);
  overflow-y:scroll;
  padding-top:21px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:21px;
  scrollbar-width:none;
  }
      
.chlpqx::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bbEwHM {
    width:40px;
  height:50px;
  }
      

      
        
      
      
  .dyIMEp {
    gap:5px;
  padding-top:10px;
  padding-bottom:10px;
  }
      

      
        
      
      
  .fEycKP {
    width:16px;
  height:16px;
  }
      

      
        
      
      
  .ugFUb {
    width:40px;
  height:40px;
  object-fit:cover;
  border-radius:100px;
  }
      

      
        
      
      
  .fwzrBn {
    gap:8px;
  align-items:center;
  font-weight:Inherit;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .cbiMXT {
    gap:4px;
  color:#000;
  width:100%;
  cursor:default;
  min-height:40px;
  transition:all 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-regular);
  padding-top:6px;
  padding-left:10px;
  border-radius:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:6px;
  justify-content:space-between;
  }
      

      
  .cbiMXT.is-selected {
    color:var(--grey-100, #F5F5F5);
  background:linear-gradient(135deg, #007AFF, #005BBB);
  }
      


  .cbiMXT:hover {
    background-color:var(--grey-300, #D4D4D4);
  }
      

        
      
      
  .ccYbnF {
    font-size:14px;
  font-family:'Lexend';
  font-weight:Inherit;
  }
      

      
        
      
      
  .bOthdx {
    color:inherit;
  width:20px;
  height:20px;
  }
      

      
  .bOthdx.expand {
    rotate:z 180deg;
  transition:all 300ms ease 0ms ;
  align-items:center;
  justify-content:center;
  }
      

        
      
      
  .exUtud {
    width:100%;
  height:0px;
  rotate:z 0;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:all 300ms ease 0ms ;
  padding-left:15px;
  }
      

      
  .exUtud.expand {
    height:auto;
  }
      


  .exUtud.no-title {
    padding-left:0px;
  padding-right:0px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eFsXhT {
    color:Inherit;
  font-size:20px;
  }
      

      
        
      
      
  .bzSbbQ {
    width:100%;
  height:60px;
  display:flex;
  row-gap:10px;
  column-gap:10px;
  align-items:center;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .dWKgjz {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  height:100px;
  position:sticky;
  align-items:center;
  padding-top:20px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:12px;
  justify-content:space-between;
  border-bottom-color:var(--grey-100, #F5F5F5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .epDntu {
    gap:6px;
  }
      

      
        
      
      
  .eRpQXf {
    width:20px;
  height:20px;
  }
      

      
        
      
      
  .broltU {
    top:-2px;
  right:0px;
  width:10px;
  height:10px;
  position:absolute;
  border-radius:100px;
  background-color:var(--red-500, #EF4444);
  }
      

      
        
      
      
  .eyQQiw {
    color:#888888;
  font-size:14px;
  font-family:'Inter';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .eOkJLY {
    gap:8px;
  width:100%;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .bsNamc {
    width:250px;
  height:100vh;
  position:absolute;
  background-color:#1717175e;
  }
      

      
        
      
      
  .dJNkEr {
    gap:16px;
  width:100%;
  height:120px;
  overflow-x:hidden;
  align-items:center;
  padding-left:var(--padding-horizontal);
  padding-right:var(--padding-horizontal);
  flex-direction:row;
  justify-content:start;
  scrollbar-width:none;
  background-color:var(--grey-50, #FAFAFA);
  border-top-color:var(--grey-200, #E5E5E5);
  border-top-style:solid;
  border-top-width:1px;
  }
      
.dJNkEr::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .ecRzRk {
    gap:4px;
  width:101px;
  }
      

      
        
      
      
  .eXCVHj {
    gap:4px;
  color:#444444;
  cursor:pointer;
  align-items:center;
  font-family:'Lexend';
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .NCUVw {
    color:#555555;
  font-size:10px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .dWbnP {
    gap:4px;
  left:var(--left);
  width:180px;
  bottom:100px;
  position:fixed;
  background:white;
  box-shadow:1px 1px 8px 0px var(--grey-400);
  padding-top:8px;
  border-color:var(--blue-400);
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .ECAHD {
    color:#777777;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bYQSsn {
    font-size:12px;
  font-family:'Lexend';
  font-weight:inherit;
  }
      

      
        
      
      
  .eUZOde {
    align-items:center;
  padding-top:2px;
  padding-left:2px;
  border-radius:24px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:space-between;
  background-color:#F3F4F7;
  }
      

      
  .eUZOde.is-admin {
    background-color:#D9FFD9;
  }
      

        
      
      
  .duAPTh {
    width:100%;
  height:100%;
  position:relative;
  overflow-y:auto;
  align-items:start;
  border-radius:=;
  justify-content:start;
  }
      

      
  .duAPTh.limit-height {
    height:300px;
  }
      

        
      
      
  .eGmJIL {
    gap:4px;
  color:#000;
  width:100%;
  cursor:default;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
  .eGmJIL:hover {
    border-radius:16px;
  background-color:var(--grey-200, #E5E5E5);
  }
      


  .eGmJIL.selected {
    color:#fff;
  border-radius:16px;
  background-color:var(--grey-800, #262626);
  }
      

        
      
      
  .cAAnxB {
    width:100%;
  cursor:default;
  font-size:12px;
  text-align:right;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  text-decoration-line: underline;
  }
      

      
        
      
      
  .bgHeDU {
    color:var(--grey-500, #737373);
  font-size:10px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .dNWeZv {
    width:30px;
  height:30px;
  border-radius:100px;
  }
      

      
        
      
      
  .bqmVdY {
    gap:4px;
  }
      

      
        
      
      
  .bvuEeR {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .bkdLLj {
    left:30px;
  width:24px;
  bottom:0.5px;
  height:24px;
  position:absolute;
  }
      

      
        
      
      
  .dzKEUW {
    height:16px;
  }
      

      
        
      
      
  .cDgMqF {
    top:var(--popup-margin-top);
  left:0px;
  width:var(--popup-width);
  z-index:100;
  position:absolute;
  min-width:120px;
  box-shadow:1px 2px 8px 0px var(--grey-300,#D4D4D4);
  padding-top:0px;
  padding-left:0px;
  border-radius:16px;
  padding-right:0px;
  padding-bottom:0px;
  background-color:#fff;
  }
      

      
  .cDgMqF.no-style {
    padding:0px;
  background:none;
  box-shadow:none;
  border-radius:0px;
  }
      

        
      
      
  
      

      
        
      
      
  .fmNCCn {
    gap:16px;
  height:100%;
  align-items:center;
  padding-top:4px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:4px;
  justify-content:start;
  background-color:var(--grey-50, #FAFAFA);
  }
      

      
        
      
      
  
      

      
        
      
      
  .evdQJQ {
    width:25px;
  height:25px;
  rotate:z 180deg;
  display:flex;
  font-size:18px;
  transition:all 300ms ease 0ms normal;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
  .evdQJQ.opened {
    rotate:z 0deg;
  }
      

        
      
      
  .dLLBBQ {
    gap:4px;
  flex:1;
  color:#000;
  width:160px;
  cursor:default;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eplDcD {
    width:var(--select-width);
  height:var(--select-height);
  min-width:20px;
  min-height:20px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .zDOkN {
    cursor:pointer;
  align-items:center;
  padding-top:8px;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
        
      
      
  .fBrozk {
    gap:8px;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .emiLeH {
    width:48px;
  height:48px;
  border-radius:1000px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dpmFmU {
    row-gap:24px;
  max-width:500px;
  min-width:500px;
  column-gap:24px;
  font-family:'Lexend';
  padding-top:24px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:24px;
  background-color:#fff;
  }
      

      
        
      
      
  .ektObl {
    color:var(--blue-600, #2563EB);
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  border-color:var(--blue-600, #2563EB);
  border-style:solid;
  border-width:1px;
  padding-left:32px;
  padding-right:32px;
  padding-bottom:16px;
  justify-content:center;
  background-color:#fff;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
  .ektObl:hover {
    opacity:0.8;
  }
      

        
      
      
  .ytSYv {
    font-size:16px;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bFAgok {
    gap:16px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .cQNlVM {
    display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .ehRFAV {
    cursor:pointer;
  }
      

      
        
      
      
  .cFYXYk {
    font-size:18px;
  font-family:Lexend;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .mZtYt {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:32px;
  padding-right:32px;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--blue-600, #2563EB);
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
  .mZtYt:hover {
    opacity:0.8;
  }
      

        
      
      
  
      

      
        
      
      
  .dsVfmb {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  padding-top:8px;
  padding-left:8px;
  border-radius:100px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--grey-900, #171717);
  }
      

      
  .dsVfmb:hover {
    color:var(--grey-50, #FAFAFA);
  background-color:var(--grey-700, #404040);
  }
      

        
      
      
  .LCkas {
    gap:8px;
  width:fit-content;
  cursor:default;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .XPRaS {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .JphJY {
    gap:4px;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .eUzFOF {
    align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dVhITY {
    gap:0px;
  top:0px;
  left:0px;
  width:100%;
  bottom:0px;
  height:100%;
  position:relative;
  max-width:250px;
  box-shadow:1px 4px 8px 0px #00000044;
  max-height:100vh;
  overflow-y:hidden;
  align-items:start;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  justify-content:start;
  background-color:#ffffff;
  border-right-color:var(--grey-50, #FAFAFA);
  border-right-style:solid;
  border-right-width:2px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .ePVSMN {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bqrOAg {
    gap:4px;
  top:0px;
  height:80px;
  z-index:2;
  position:sticky;
  align-items:start;
  padding-left:16px;
  padding-right:16px;
  justify-content:center;
  background-color:#fff;
  border-bottom-color:var(--grey-100, #F5F5F5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .dGSqzt {
    padding-top:8px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  padding-bottom:8px;
  }
      

      
  .dGSqzt.is-select {
    background-color:var(--grey-50, #FAFAFA);
  }
      

        
      
      
  .cdLAot {
    gap:4px;
  color:var(--grey-500, #737373);
  font-size:16px;
  align-items:center;
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .cpuQKl {
    border-left-color:var(--grey-300, #D4D4D4);
  border-left-style:solid;
  border-left-width:1px;
  }
      

      
        
      
      
  .fuwHlW {
    width:100%;
  padding-left:16px;
  }
      

      
        
      
      
  .fxTngP {
    width:40px;
  height:40px;
  border-radius:100px;
  }
      

      
        
      
      
  .dFxduL {
    font-size:15px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .bKzpNU {
    gap:0px;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .dQJKtR {
    gap:4px;
  color:var(--grey-500, #737373);
  cursor:default;
  font-size:16px;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
        
      
      
  .ezhiUK {
    width:45px;
  height:45px;
  object-fit:none;
  overflow-x:hidden;
  overflow-y:hidden;
  border-radius:8px;
  outline-color:#d6d6d6;
  outline-style:solid;
  outline-width:1px;
  }
      

      
        
      
      
  .eyTmOv {
    gap:4px;
  color:#000;
  width:100%;
  cursor:default;
  align-items:center;
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  }
      

      
  .eyTmOv:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  .QHRLb {
    cursor:default;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .efBjTH {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  height:fit-content;
  position:sticky;
  align-items:center;
  padding-top:20px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:12px;
  justify-content:space-between;
  border-bottom-color:var(--grey-100, #F5F5F5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .bjbpoi {
    top:0px;
  left:0px;
  right:0px;
  z-index:2;
  position:sticky;
  background-color:#fff;
  }
      

      
        
      
      
  .ldjDG {
    color:var(--grey-500, #737373);
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .fBFywj {
    flex-direction:column;
  }
      

      
        
      
      
  .dlEqLI {
    gap:4px;
  color:#000;
  width:100%;
  cursor:default;
  align-items:center;
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:8px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

      
  .dlEqLI.selected {
    color:#fff;
  background-color:#000;
  }
      


  .dlEqLI:hover {
    color:#000;
  background-color:var(--grey-200, #E5E5E5);
  }
      

        
      
      
  .cVFtZu {
    color:var(--grey-600, #525252);
  width:248px;
  bottom:0px;
  height:90px;
  position:fixed;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:space-between;
  background-color:#fff;
  border-top-color:var(--grey-100, #F5F5F5);
  border-top-style:solid;
  border-top-width:1px;
  }
      

      
        
      
      
  .fpyAnf {
    gap:4px;
  color:#000;
  cursor:default;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .ffXfnD {
    padding-top:16px;
  padding-bottom:16px;
  scrollbar-width:none;
  }
      
.ffXfnD::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bZbYwp {
    width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .fBWena {
    color:#000;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .bvuhEC {
    gap:4px;
  color:#000;
  cursor:default;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  background-color:#e5e5e54a;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .czFuUx {
    gap:16px;
  }
      

      
        
      
      
  .QDzCM {
    gap:0px;
  left:255px;
  width:100%;
  bottom:32px;
  z-index:1000;
  position:fixed;
  max-width:220px;
  padding-top:0px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:1px;
  padding-left:0px;
  border-radius:16px;
  padding-right:0px;
  padding-bottom:0px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .fYOPv {
    width:100%;
  height:100%;
  object-fit:contain;
  align-items:center;
  border-radius:8px;
  justify-content:center;
  background-image:url("");
  }
      

      
        
      
      
  .eJnApl {
    gap:8px;
  top:32px;
  left:255px;
  width:300px;
  z-index:3;
  position:fixed;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  
      

      
        
      
      
  .fgymgI {
    font-size:15px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .YyPk {
    gap:4px;
  color:var(--green-700, #047857);
  cursor:default;
  font-size:10px;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
        
      
      
  .fFBxGw {
    gap:0px;
  width:100%;
  height:78%;
  overflow-y:scroll;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  scrollbar-width:none;
  }
      
.fFBxGw::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dRozOQ {
    gap:0px;
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .eAqkCP {
    color:#000;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bHNNPV {
    gap:8px;
  height:80%;
  padding-left:16px;
  padding-right:16px;
  justify-content:;
  }
      

      
        
      
      
  .froVtM {
    gap:8px;
  color:#000;
  align-items:center;
  padding-left:0px;
  padding-right:0px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .ezzDHI {
    padding-top:8px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--grey-50, #FAFAFA);
  }
      

      
        
      
      
  .cccbwa {
    gap:8px;
  color:var(--grey-600, #525252);
  cursor:default;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
  .cccbwa:hover {
    border-radius:16px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

        
      
      
  .fGxHOW {
    gap:4px;
  top:150px;
  left:150px;
  width:fit-content;
  z-index:1000;
  position:fixed;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .efgxLi {
    width:45px;
  height:45px;
  object-fit:contain;
  align-items:center;
  border-radius:8px;
  outline-color:#d9d9d9;
  outline-style:solid;
  outline-width:1px;
  justify-content:center;
  }
      

      
        
      
      
  .dYuYMW {
    gap:4px;
  top:0px;
  color:#fff;
  width:100%;
  cursor:default;
  z-index:2;
  position:relative;
  align-items:center;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:8px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  background-color:#000;
  }
      

      
        
      
      
  .cfDAWt {
    gap:8px;
  width:200px;
  align-items:center;
  font-weight:Inherit;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .eAsQhG {
    gap:4px;
  color:#000;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  background-color:#e5e5e54a;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  }
      

      
        
      
      
  .page-layout\:n3_GBT1nRJ6JeDOpE6Q-4 {
    display:none;
  }
      

      
        
      
      
  .AsEhw {
    height:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fecswf {
    gap:10px;
  width:20%;
  flex-direction:row;
  }
      

      
        
      
      
  .cHjGDY {
    width:200px;
  height:30px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  
      

      
        
      
      
  .dEZLJw {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  background: #EC407A;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
  .dEZLJw:hover {
    opacity:0.8;
  background:;
  }
      

        
      
      
  .cyan-attendance-choose-user\:-qSwl4Ibq24oCJVMyUAlx {
    width:100%;
  scrollbar-width:none;
  }
      
.cyan-attendance-choose-user\:-qSwl4Ibq24oCJVMyUAlx::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .egdCWU {
    gap:4px;
  flex:1;
  }
      

      
        
      
      
  .ZvZne {
    gap:4px;
  color:var(--grey-700, #404040);
  align-items:center;
  font-family:'Lexend';
  padding-top:10px;
  padding-left:4px;
  padding-right:4px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
  .ZvZne:hover {
    opacity:0.7;
  border-radius:8px;
  }
      

        
      
      
  .bBMqLv {
    gap:4px;
  width:180px;
  position:relative;
  box-shadow:0px 2px 3px 0px var(--grey-300, #D4D4D4);
  padding-top:8px;
  padding-left:12px;
  border-radius:16px;
  padding-right:12px;
  padding-bottom:8px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  
      

      
        
      
      
  .fzcEIi {
    color:#000;
  display:flex;
  row-gap:4px;
  column-gap:4px;
  align-items:center;
  padding-top:8px;
  padding-left:12px;
  border-radius:16px;
  padding-right:12px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

      
  .fzcEIi:hover {
    flex-direction:row;
  background-color:var(--grey-200, #E5E5E5);
  }
      


  .fzcEIi.selected {
    color:#fff;
  background: var(--grey-800);
  }
      

        
      
      
  .cyan-attendance-choose-user\:F6BT9dpR8KK_E5AbBGAd- {
    position:relative;
  }
      

      
        
      
      
  .dFafUX {
    cursor:pointer;
  height:fit-content;
  align-items:center;
  padding-top:8px;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
        
      
      
  .cWPQJG {
    gap:4px;
  width:100%;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .dBRDLu {
    cursor:pointer;
  height:100%;
  display:flex;
  flex-grow:1;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .fxTudN {
    width:100%;
  overflow:hidden;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .cyan-attendance-choose-user\:Q-oaMT-nIkGw8kFHuKCn1 {
    width:fit-content;
  height:fit-content;
  position:fixed;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fkAVFs {
    gap:8px;
  }
      

      
        
      
      
  .dETuwj {
    row-gap:4px;
  column-gap:4px;
  flex-direction:row;
  }
      

      
        
      
      
  .dxEiZ {
    width:100%;
  height:80vh;
  scrollbar-width:none;
  }
      
.dxEiZ::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .dmzNXC {
    width:100%;
  font-size:12px;
  text-align:right;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  text-decoration-line: underline;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dhebce {
    gap:8px;
  padding-bottom:4px;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .dzSugH {
    gap:4px;
  flex:1;
  color:#000;
  cursor:default;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .ctwonm {
    width:187px;
  height:45px;
  }
      

      
  .ctwonm.expanded {
    width:307px;
  }
      

        
      
      
  .zxqyO {
    color:var(--grey-500, #737373);
  width:100%;
  overflow:hidden;
  font-size:10px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cyan-attendance-choose-user\:kl_YVw_2a4BCKMMFwywDR {
    height:45px;
  }
      

      
        
      
      
  .cyan-attendance-choose-user\:oxeZWHFe1hD27ecjaRysk {
    position:relative;
  }
      

      
        
      
      
  .cyan-attendance-choose-user\:s3HpHUbRpv8xdj9xGC2N8 {
    width:fit-content;
  height:fit-content;
  position:fixed;
  }
      

      
        
      
      
  .bUzrK {
    width:100%;
  font-size:13px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eOLvwz {
    row-gap:10px;
  column-gap:10px;
  flex-direction:row;
  }
      

      
        
      
      
  .JZoiJ {
    width:100%;
  cursor:pointer;
  }
      

      
        
      
      
  .ZFQgR {
    width:100%;
  display:flex;
  row-gap:2px;
  column-gap:2px;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .OGkXI {
    width:100%;
  height:fit-content;
  display:flex;
  max-width:1168px;
  align-items:start;
  padding-top:8px;
  padding-left:8px;
  padding-right:24px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .cxLhPi {
    width:12%;
  height:50px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .bQzfOx {
    width:50px;
  height:50px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .cxxfmr {
    width:200px;
  height:40px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .efXcJd {
    height:fit-content;
  box-shadow:1px 1px 8px 0px var(--blue-200);
  border-color:var(--blue-400);
  border-style:solid;
  border-width:2px;
  border-radius:16px;
  background-color:#fff;
  }
      

      
        
      
      
  .chlMFL {
    gap:16px;
  align-items:center;
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .flJlyj {
    color:var(--blue-700, #1D4ED8);
  cursor:pointer;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  text-decoration-line: underline;
  }
      

      
        
      
      
  .BFAbr {
    gap:4px;
  align-items:center;
  justify-content:start;
  }
      

      
        
      
      
  .boHzPs {
    cursor:pointer;
  }
      

      
  .boHzPs:hover {
    opacity:0.8;
  }
      

        
      
      
  .UWpBT {
    width:36px;
  height:36px;
  }
      

      
        
      
      
  .add-note\:Efg6qRqo-2E3PDe9-3f1t {
    flex:1;
  width:100%;
  }
      

      
        
      
      
  .efErrn {
    gap:12px;
  padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .fsPYRG {
    font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
      
      
  .bJfNIJ {
    gap:24px;
  width:fit-content;
  display:flex;
  align-items:center;
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:flex-start;
  }
      

      
  .bJfNIJ.linked {
    align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dFQlDe {
    gap:12px;
  display:flex;
  align-items:flex-start;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .ewJQRc {
    cursor:pointer;
  position:relative;
  }
      

      
        
      
      
  .fEsbmQ {
    width:fit-content;
  height:80vh;
  max-width: ;
  border-radius:16px;
  background-color:#fff;
  }
      

      
        
      
      
  .dQmXgd {
    height:fit-content;
  align-items:end;
  justify-content:start;
  }
      

      
        
      
      
  .frmaKK {
    width:30px;
  cursor:pointer;
  height:30px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .bZORhz {
    max-height:100%;
  overflow-y:auto;
  }
      

      
        
      
      
  .eooFSC {
    top:0px;
  width:fit-content;
  position:sticky;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dLnBJA {
    cursor:pointer;
  padding:0.5rem;
  }
      

      
  .dLnBJA:hover {
    background-color:#ffffff26;
  }
      

        
      
      
  .bpleIn {
    top:100%;
  z-index:1;
  position:absolute;
  margin-top:0.25rem;
  border-color:#D4D4D4;
  border-style:solid;
  border-width:1px;
  background-color:#ffffffff;
  }
      

      
        
      
      
  .cAQppO {
    gap:0.5rem;
  cursor:pointer;
  padding:0.5rem;
  font-size:0.875rem;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  background-color:#FFF;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ffbLhs {
    flex:1;
  }
      

      
        
      
      
  .eyVPLS {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .cnNkNx {
    top:0.2rem;
  right:1rem;
  z-index:2;
  position:absolute;
  }
      

      
        
      
      
  .add-note-full\:xXP_al0-yGLHFGDSwWlev {
    width:100%;
  height:100%;
  overflow-y:scroll;
  scrollbar-width:none;
  }
      
.add-note-full\:xXP_al0-yGLHFGDSwWlev::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bTLLXq {
    gap:8px;
  padding-top:16px;
  padding-left:24px;
  padding-right:24px;
  padding-bottom:20px;
  }
      

      
        
      
      
  .OlbFP {
    height:100%;
  position:relative;
  max-width:1000px;
  min-width:1000px;
  max-height:70vh;
  overflow-x:auto;
  overflow-y:auto;
  background-color:#ffffff;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cJdmjd {
    gap:8px;
  width:500px;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:20px;
  background-color:#fff;
  }
      

      
        
      
      
  .fABomd {
    gap:10px;
  padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .fGPoUc {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:12px;
  padding-left:16px;
  border-radius:13px;
  padding-right:16px;
  padding-bottom:12px;
  justify-content:center;
  background-color:#333333;
  }
      

      
  .fGPoUc:hover {
    opacity:0.8;
  }
      


  .fGPoUc.disable {
    color:var(--grey-200, #E5E5E5);
  cursor:no-drop;
  background-color:var(--grey-400, #A3A3A3);
  }
      

        
      
      
  .eFQMes {
    color:#333;
  font-size:16px;
  font-family:'Lexend';
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
      
      
  .frncbT {
    gap:4px;
  cursor:pointer;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bJWEdR {
    width:20px;
  height:20px;
  display:block;
  }
      

      
  .bJWEdR.hide {
    display:none;
  }
      

        
      
      
  .cBqMyN {
    transition:height 300ms ease;
  }
      

      
        
      
      
  .cBMmx {
    width:24px;
  height:24px;
  }
      

      
        
      
      
  .iaCGR {
    color:#0284c7;
  width:20px;
  height:20px;
  display:block;
  }
      

      
  .iaCGR.hide {
    display:none;
  }
      

        
      
      
  .popup-save-as\:6AvFTAVkqZg1WDDVWnvbd {
    gap:8px;
  flex:1;
  padding-top:12px;
  padding-bottom:12px;
  }
      

      
        
      
      
  .bYObft {
    width:60px;
  height:60px;
  }
      

      
        
      
      
  .cbpIHM {
    gap:0px;
  }
      

      
        
      
      
  .bghhOQ {
    gap:4px;
  align-items:center;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .flTklh {
    color:#333;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:12px;
  padding-left:16px;
  border-radius:13px;
  outline-color:#333333;
  outline-style:solid;
  outline-width:1px;
  padding-right:16px;
  padding-bottom:12px;
  justify-content:center;
  background-color:#fff;
  }
      

      
  .flTklh:hover {
    opacity:0.8;
  }
      

        
      
      
  .hpBCV {
    gap:16px;
  align-items:start;
  flex-direction:row;
  justify-content:end;
  }
      

      
        
      
      
  .fpsImi {
    color:var(--grey-500, #737373);
  width:100%;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .cKgnbn {
    gap:4px;
  flex:1;
  width:100%;
  cursor:pointer;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eFyVCt {
    gap:24px;
  flex-direction:row;
  }
      

      
        
      
      
  .xrmpN {
    color:white;
  display:flex;
  font-size:12px;
  background:linear-gradient(135deg, #42a5f5, #7e57c2);
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:4px;
  padding-left:16px;
  border-radius:8px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:4px;
  justify-content:center;
  background-color:#E0F2FF;
  }
      

      
        
      
      
  .TYgpV {
    width:1200px;
  height:100%;
  box-shadow:1px 4px 8px 0px #00000044;
  max-height:90vh;
  align-items:start;
  padding-top:16px;
  padding-left:0px;
  border-radius:24px;
  padding-right:0px;
  padding-bottom:16px;
  justify-content:space-between;
  background-color:#fff;
  }
      

      
        
      
      
  .lTZFL {
    gap:24px;
  width:100%;
  height:calc(90vh - 32px);
  overflow-y:auto;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .dudrZF {
    font-size:24px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  padding-top:6px;
  padding-bottom:6px;
  }
      

      
        
      
      
  .cTKRqy {
    gap:40px;
  flex:1;
  width:100%;
  height:100%;
  overflow-y:hidden;
  align-items:;
  padding-left:32px;
  outline-color:#ffffff;
  outline-style:solid;
  outline-width:2px;
  padding-right:32px;
  flex-direction:row;
  justify-content:;
  }
      

      
        
      
      
  .cTKsOr {
    gap:4px;
  align-items:start;
  font-family:'Lexend';
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
        
      
      
  .dqFooA {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  display:flex;
  row-gap:4px;
  font-size:12px;
  background: #DC2626;
  column-gap:4px;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:10px;
  border-radius:16px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:flex-start;
  }
      

      
  .dqFooA:hover {
    opacity:0.8;
  }
      

        
      
      
  .ctDZGk {
    width:100%;
  font-family:'Lexend';
  }
      

      
        
      
      
  .eAAztT {
    width:70px;
  height:70px;
  }
      

      
        
      
      
  .eYxzJN {
    gap:4px;
  color:#A3A3A3;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  background: #E5E5E5;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:4px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:4px;
  justify-content:start;
  }
      

      
  .eYxzJN.selected {
    color:#fff;
  background: #000;
  }
      

        
      
      
  .cDEBEz {
    gap:8px;
  flex-wrap:wrap;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
  .MhMZQ:hover {
    cursor:pointer;
  opacity:0.8;
  }
      

        
      
      
  .cfHKtf {
    width:100%;
  padding-left:4px;
  padding-right:4px;
  }
      

      
        
      
      
  .evrwPi {
    color:#000;
  width:100%;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:16px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:16px;
  padding-right:8px;
  padding-bottom:16px;
  }
      

      
  .evrwPi:focus {
    outline-color:var(--grey-900, #171717);
  outline-style:solid;
  outline-width:1px;
  }
      

        
      
      
  .blBjae {
    color:#000;
  width:100%;
  height:150px;
  resize:none;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:16px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  scrollbar-width:none;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      
.blBjae::-webkit-scrollbar {
  width: 0;
}


      
  .blBjae.readonly {
    background: var(--grey-100);
  }
      


  .blBjae:focus {
    border-color:var(--grey-900);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  
      

      
        
      
      
  .eQMtwN {
    display:flex;
  row-gap:4px;
  flex-grow:1;
  column-gap:4px;
  align-items:center;
  padding-bottom:16px;
  justify-content:center;
  }
      

      
        
      
      
  .popup-preview-summary-checkbox-item\:PbKp9PeEgf4BQRxySEreb {
    width:16px;
  height:16px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .ePwJkx {
    row-gap:16px;
  flex-grow:1;
  column-gap:16px;
  flex-direction:row;
  }
      

      
        
      
      
  .ejahBt {
    gap:24px;
  flex:1;
  width:100%;
  height:100%;
  overflow-y:scroll;
  scrollbar-width:none;
  }
      
.ejahBt::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cDGWmS {
    font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .enZOjH {
    flex:1;
  width:100%;
  height:100%;
  row-gap:16px;
  column-gap:16px;
  overflow-y:scroll;
  padding-top:16px;
  padding-bottom:16px;
  justify-content:;
  scrollbar-width:none;
  }
      
.enZOjH::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bdSfTY {
    gap:4px;
  width:100%;
  align-items:center;
  padding-left:32px;
  padding-right:32px;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .cLxcBD {
    gap:4px;
  cursor:pointer;
  align-items:center;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .FdPWA {
    gap:8px;
  font-size:13px;
  font-family:'Lexend';
  flex-direction:row;
  }
      

      
        
      
      
  .nOVXr {
    color:Inherit;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .ceAnyX {
    gap:4px;
  font-size:20px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bgneTa {
    gap:8px;
  color:var(--blue-400, #60A5FA);
  width:100%;
  cursor:default;
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:24px;
  justify-content:;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  .fvXtRP {
    color:var(--blue-500, #3B82F6);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  
      

      
        
      
      
  .bnetBn {
    font-size:13px;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eruliY {
    row-gap:16px;
  column-gap:16px;
  padding-bottom:100px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .popup-preview-summary-checkbox-item\:mqJyLAJ6KfqVPwOuI6Xuy {
    flex:1;
  height:100%;
  overflow-y:scroll;
  scrollbar-width:none;
  }
      
.popup-preview-summary-checkbox-item\:mqJyLAJ6KfqVPwOuI6Xuy::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .eHnqig {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  background:linear-gradient(135deg, rgb(0, 122, 255), rgb(0, 91, 187));
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:10px;
  }
      

      
  .eHnqig:hover {
    opacity:0.8;
  }
      

        
      
      
  .fwjgWR {
    flex:1;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eCIAWA {
    gap:120px;
  flex-direction:row;
  }
      

      
        
      
      
  .eukNIR {
    display:flex;
  row-gap:8px;
  background: var(--grey-100);
  box-shadow:1px 1px 8px 0px var(--grey-100);
  column-gap:8px;
  align-items:center;
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .ecMwVP {
    height:100%;
  position:relative;
  max-height:300px;
  overflow-x:auto;
  overflow-y:auto;
  padding-top:8px;
  border-color:#D3D3D7;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:8px;
  padding-right:16px;
  padding-bottom:8px;
  background-color:#ffffff;
  }
      

      
        
      
      
  .dRXnDg {
    gap:4px;
  align-items:start;
  font-family:'Lexend';
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .popup-unlink\:6AvFTAVkqZg1WDDVWnvbd {
    gap:8px;
  flex:1;
  padding-top:12px;
  padding-bottom:12px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .add-note\:xXP_al0-yGLHFGDSwWlev {
    height:100%;
  scrollbar-width:none;
  }
      
.add-note\:xXP_al0-yGLHFGDSwWlev::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bmyeyY {
    gap:8px;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:20px;
  }
      

      
  .bmyeyY.linked {
    background-color:var(--teal-50, #F0FDFA);
  }
      

        
      
      
  .cFpQSo {
    height:100%;
  position:relative;
  max-height:300px;
  overflow-x:auto;
  overflow-y:auto;
  border-color:#D3D3D7;
  border-style:solid;
  border-width:1px;
  border-radius:8px;
  background-color:#ffffff;
  }
      

      
  .cFpQSo.preview {
    max-width:380px;
  min-width:380px;
  }
      

        
      
      
  .Demo---2903---AttendanceCommentPage\:F3BkpFVHWySg4cgs_Y0qu {
    left:321px;
  z-index:100;
  position:fixed;
  box-shadow:1px 2px 8px 0px var(--grey-300,#D4D4D4);
  padding-top:0px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:2px;
  }
      

      
        
      
      
  .bEGacL {
    width:200px;
  height:100%;
  min-width:250px;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .ftKpsq {
    gap:15px;
  width:100%;
  height:100%;
  position:relative;
  align-items:center;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:center;
  background-color:var(--grey-300, #D4D4D4);
  }
      

      
        
      
      
  .cxDrzj {
    width:20%;
  height:50px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .dtACua {
    width:200px;
  height:50px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .bCZxrC {
    width:100%;
  height:100%;
  max-width:310px;
  box-shadow:0px 2px 4px 0px #00000025, 2px 0px 4px 0px #00000025;
  align-items:end;
  padding-top:20px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:20px;
  justify-content:start;
  background-color:#fff;
  border-right-color:var(--grey-300, #D4D4D4);
  border-right-style:solid;
  border-right-width:1px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

      
        
      
      
  .drlXDN {
    color:#495057;
  cursor:pointer;
  }
      

      
        
      
      
  .IIEXC {
    gap:2px;
  overflow-x:auto;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .elPqWM {
    gap:10px;
  color:#000;
  align-items:center;
  padding-top:14px;
  padding-left:12px;
  border-radius:16px;
  padding-right:12px;
  flex-direction:row;
  padding-bottom:14px;
  justify-content:start;
  }
      

      
  .elPqWM:hover {
    flex-direction:row;
  background-color:var(--grey-200, #E5E5E5);
  }
      


  .elPqWM.selected {
    color:#fff;
  background-color:var(--grey-800, #262626);
  }
      

        
      
      
  .chHTRA {
    width:100%;
  overflow:hidden;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .dLMLLo {
    gap:16px;
  flex:1;
  width:100%;
  height:100%;
  overflow-y:auto;
  justify-content:;
  scrollbar-width:none;
  }
      
.dLMLLo::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  .fwxPqg {
    gap:8px;
  width:100%;
  }
      

      
        
      
      
  .cuFLDM {
    width:24px;
  height:24px;
  transform:rotate(180deg);
  }
      

      
        
      
      
  .morningC-sidebar-user-picker\:NJmuzXRsGDFf3_GW03gpJ {
    width:fit-content;
  height:fit-content;
  position:fixed;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bDbRPo {
    gap:4px;
  flex:1;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bemwcI {
    gap:2px;
  width:50px;
  align-items:start;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .morningC-sidebar-user-picker\:cmZvl1Zs3p3kpfce0vW0K {
    position:relative;
  }
      

      
        
      
      
  .eiiPPu {
    font-size:14px;
  font-family:'Lexend';
  font-weight:inherit;
  padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .edBeWn {
    gap:8px;
  flex:1;
  width:100px;
  overflow-x:scroll;
  flex-direction:row;
  scrollbar-width:none;
  }
      
.edBeWn::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  .eNXBPE {
    width:0%;
  height:50px;
  display:inline-block;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .etpVuW {
    width:100%;
  height:100%;
  max-width:310px;
  box-shadow:0px 2px 4px 0px #00000025, 2px 0px 4px 0px #00000025;
  align-items:;
  flex-direction:column;
  justify-content:;
  background-color:#fff;
  border-right-color:var(--grey-300, #D4D4D4);
  border-right-style:solid;
  border-right-width:1px;
  border-top-left-radius:0px;
  border-top-right-radius:0px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:0px;
  }
      

      
        
      
      
  .drGpHO {
    gap:24px;
  padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .cRzBtw {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:12px;
  padding-left:16px;
  border-radius:13px;
  padding-right:16px;
  padding-bottom:12px;
  justify-content:center;
  background-color:#333333;
  }
      

      
  .cRzBtw:hover {
    opacity:0.8;
  }
      

        
      
      
  .dUiqfo {
    color:var(--grey-500, #737373);
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .cLUjiH {
    color:var(--grey-900, #171717);
  width:34px;
  cursor:pointer;
  height:34px;
  transition:background-color 300ms ease 0ms ;
  align-items:center;
  border-radius:100px;
  justify-content:center;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .ZyaEi {
    gap:6px;
  font-family:'Lexend';
  }
      

      
        
      
      
  .bjehQc {
    color:var(--blue-600, #2563EB);
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  text-decoration-line: underline;
  }
      

      
        
      
      
  .SzKqE {
    width:34px;
  height:34px;
  align-items:center;
  border-radius:100px;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .dBzdkx {
    color:var(--grey-200, #E5E5E5);
  width:100%;
  cursor:pointer;
  font-size:14px;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:12px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  padding-bottom:12px;
  justify-content:end;
  }
      

      
  .dBzdkx:hover {
    opacity:0.7;
  }
      

        
      
      
  .dBIDlD {
    color:var(--grey-600, #525252);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .morningC-sidebar-note-manage\:ZlDg_7GuVndQBHeyn4vxh {
    color:inherit;
  }
      

      
        
      
      
  .fkGvRM {
    align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  background-color:var(--grey-100, #F5F5F5);
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .eDwMDU {
    gap:16px;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cEZrNn {
    color:var(--grey-500, #737373);
  font-size:13px;
  font-style:italic;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fjFnkv {
    gap:8px;
  flex-direction:row;
  }
      

      
        
      
      
  .fgKyLt {
    font-size:14px;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .Demo---2903---AttendanceCommentPage\:OyP1C_20HB6iEOZVWSMST {
    width:310px;
  }
      

      
        
      
      
  .JcnEZ {
    padding-right:16px;
  }
      

      
        
      
      
  .fjjhfn {
    width:1100px;
  height:80vh;
  box-shadow:0px 2px 4px 0px #00000025, 2px 0px 4px 0px #00000025;
  align-items:;
  border-radius:16px;
  flex-direction:row;
  justify-content:;
  background-color:#fff;
  }
      

      
        
      
      
  .sWZwS {
    flex:1;
  background-color:var(--lime-50, #F7FEE7);
  border-top-right-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .eApdom {
    gap:10px;
  align-items:start;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:center;
  background-color:#fff;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .cGDLMj {
    gap:8px;
  flex:1;
  align-items:start;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .TcnKv {
    overflow:hidden;
  font-size:12px;
  text-align:left;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .xYEPW {
    gap:4px;
  font-size:13px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .fvAgvF {
    gap:2px;
  color:#fff;
  background:linear-gradient(90deg, #A3C7F9, #C2A0F7);
  box-shadow:0px 2px 6px rgba(0, 0, 0, 0.15);
  transition:all 0.3s ease-in-out;
  align-items:center;
  padding-top:2px;
  padding-left:2px;
  border-radius:16px;
  padding-right:6px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
  .fvAgvF.option {
    width:34px;
  height:34px;
  border-radius:100px;
  }
      


  .fvAgvF:hover {
    filter:brightness(1.1);
  transform:scale(1.05);
  }
      

        
      
      
  .morningC-chat-popup\:TLgkNiMqv9_5xuGmEgYvf {
    border-top-left-radius:16px;
  }
      

      
        
      
      
  .dvawgs {
    flex:1;
  background-color:var(--blue-50, #EFF6FF);
  border-right-color:var(--grey-300, #D4D4D4);
  border-right-style:solid;
  border-right-width:1px;
  }
      

      
        
      
      
  .cCjarD {
    flex:1;
  background-color:var(--red-50, #FEF2F2);
  border-right-color:var(--grey-300, #D4D4D4);
  border-right-style:solid;
  border-right-width:1px;
  border-top-left-radius:16px;
  border-bottom-left-radius:16px;
  }
      

      
        
      
      
  .morningC-chat-popup\:yBJzHFtejl5UgM6ArGdKe {
    border-top-right-radius:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .osVaI {
    width:100%;
  display:none;
  padding-top:0px;
  padding-left:0px;
  border-radius:16px;
  padding-right:0px;
  padding-bottom:0px;
  background-color:#fff;
  }
      

      
        
      
      
  .bgMSss {
    gap:8px;
  font-size:18px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .eNVneZ {
    align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  }
      

      
  .eNVneZ.expanded {
    border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

        
      
      
  .HFjeH {
    gap:8px;
  width:100%;
  cursor:pointer;
  height:fit-content;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .eDPanI {
    align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cXfaYR {
    width:fit-content;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:16px;
  border-radius:8px;
  padding-right:16px;
  padding-bottom:8px;
  background-color:var(--blue-300, #93C5FD);
  }
      

      
        
      
      
  
      

      
        
      
      
  .cCdFKi {
    gap:10px;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .cdMdxK {
    gap:14px;
  flex-wrap:wrap;
  flex-direction:column;
  }
      

      
        
      
      
  .bHWqmi {
    cursor:default;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .edfIPo {
    gap:4px;
  width:fit-content;
  cursor:default;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .OnflN {
    font-size:14px;
  font-family:'Lexend';
  font-weight:inherit;
  }
      

      
        
      
      
  .bkNVrJ {
    align-items:end;
  padding-top:4px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:4px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .edEWwV {
    gap:10px;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eNWoBf {
    padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:24px;
  }
      

      
        
      
      
  .Demo---2903---AttendanceCommentPage\:PL-aFz3PJiOccrkeP2CmR {
    width:310px;
  }
      

      
        
      
      
  .efAxJm {
    gap:15px;
  width:100%;
  height:100px;
  position:relative;
  box-sizing:border-box;
  align-items:center;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  background-color:var(--grey-300, #D4D4D4);
  }
      

      
        
      
      
  .eyDta-D {
    display:flex;
  overflow-y:scroll;
  padding-top:8px;
  flex-direction:column;
  padding-bottom:8px;
  }
      

      
        
      
      
  .cinETo {
    gap:0px;
  width:100%;
  height:100%;
  position:absolute;
  overflow-x:auto;
  overflow-y:auto;
  flex-direction:column;
  scrollbar-width:none;
  }
      
.cinETo::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .LfMtM {
    gap:10px;
  width:100%;
  height:100%;
  z-index:100;
  position:absolute;
  flex-direction:row;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .dBIJRY {
    width:100%;
  height:50px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .cQzgBe {
    gap:10px;
  width:20%;
  }
      

      
        
      
      
  .cDSTuh {
    top:0px;
  left:0px;
  width:100%;
  bottom:0px;
  height:100%;
  position:relative;
  max-width:310px;
  overflow-x:hidden;
  overflow-y:hidden;
  align-items:start;
  flex-direction:row;
  justify-content:start;
  background-color:#ffffff;
  border-right-color:var(--grey-200, #E5E5E5);
  border-right-style:solid;
  border-right-width:1px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .morningC-charlie-sidebar\:1U_o2-eOU7PVBlD6_XspO {
    position:relative;
  }
      

      
        
      
      
  .morningC-charlie-sidebar\:1oloQolzwuVQVFkdUSgG- {
    left:315px;
  width:fit-content;
  height:fit-content;
  position:fixed;
  }
      

      
        
      
      
  .QqKHk {
    width:50px;
  display:-webkit-box;
  overflow:hidden;
  font-size:11px;
  text-align:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  }
      

      
        
      
      
  .dafBsY {
    gap:2px;
  color:var(--grey-500);
  width:38px;
  cursor:pointer;
  height:38px;
  display:flex;
  background: var(--grey-200);
  align-items:center;
  justify-content:center;
  border-top-left-radius:100px;
  border-top-right-radius:100px;
  border-bottom-left-radius:100px;
  border-bottom-right-radius:100px;
  }
      

      
  .dafBsY.selected {
    color:#fff;
  background: #000;
  }
      

        
      
      
  .TFVms {
    gap:2px;
  cursor:pointer;
  align-items:center;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fA-DLkm {
    width:50px;
  height:30px;
  display:-webkit-box;
  overflow:hidden;
  font-size:11px;
  text-align:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bNKPnl {
    flex:1  ;
  height:100%;
  row-gap:16px;
  column-gap:16px;
  overflow-y:scroll;
  align-items:start;
  padding-top:34px;
  padding-bottom:16px;
  justify-content:start;
  scrollbar-width:none;
  }
      
.bNKPnl::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bXsLWX {
    flex:1;
  height:100%;
  row-gap:16px;
  column-gap:16px;
  overflow-y:scroll;
  align-items:start;
  padding-top:34px;
  padding-bottom:16px;
  justify-content:start;
  scrollbar-width:none;
  }
      
.bXsLWX::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .dQLtYZ {
    color:inherit;
  font-size:14px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fwQjnT {
    width:38px;
  height:38px;
  background:var(--grey-300);
  border-color:var(--grey-400);
  border-style:solid;
  border-width:1px;
  border-radius:1000px;
  }
      

      
        
      
      
  .fGODba {
    color:var(--grey-900, #171717);
  cursor:pointer;
  padding-top:8px;
  padding-left:8px;
  border-radius:100px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
  .fGODba:hover {
    color:var(--grey-50, #FAFAFA);
  background-color:var(--grey-500, #737373);
  }
      

        
      
      
  .dxaqek {
    width:100%;
  cursor:pointer;
  height:120px;
  display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  padding-top:16px;
  padding-bottom:16px;
  justify-content:flex-start;
  border-top-color:var(--grey-200);
  border-top-style:solid;
  border-top-width:1px;
  }
      

      
        
      
      
  .enJGqi {
    width:35px;
  height:35px;
  align-items:center;
  border-radius:1000px;
  justify-content:center;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .YWHx {
    flex:1;
  width:100%;
  height:100%;
  display:flex;
  transition:all 0.3s ease-in-out;
  align-items:center;
  justify-content:space-between;
  }
      

      
        
      
      
  .Demo---2903---AttendanceCommentPage\:eJrD5U25Ym4JJjWsUwLFe {
    width:310px;
  }
      

      
        
      
      
  .deQsrv {
    width:200px;
  height:40px;
  border-radius:40px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .fuZzKJ {
    width:100%;
  height:100%;
  z-index:11;
  position:absolute;
  background-color:#1717175e;
  }
      

      
        
      
      
  .fGVjNg {
    width:50px;
  height:50px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .caHRmJ {
    gap:8px;
  align-items:center;
  font-weight:Inherit;
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eTIngJ {
    flex:1;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .dlGbas {
    gap:8px;
  flex:1;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .morningC-sidebar-user-detail\:3pNUlPJrLBfNlHUdnrEJ0 {
    left:300px;
  width:fit-content;
  bottom:50px;
  height:fit-content;
  position:fixed;
  }
      

      
        
      
      
  .dLFJru {
    gap:8px;
  padding-bottom:8px;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dGTsoA {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .cpooSB {
    padding-bottom:8px;
  }
      

      
        
      
      
  .fipeL {
    gap:16px;
  flex:1;
  height:100%;
  overflow-y:auto;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:;
  scrollbar-width:none;
  }
      
.fipeL::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cSJgzG {
    gap:16px;
  font-size:14px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  }
      

      
        
      
      
  .drwmrp {
    gap:8px;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .fAAEla {
    gap:16px;
  width:1360px;
  height:95vh;
  padding-top:16px;
  padding-left:32px;
  border-radius:16px;
  padding-right:32px;
  padding-bottom:16px;
  background-color:#fff;
  }
      

      
        
      
      
  
      

      
        
      
      
  .flUFbs {
    color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:43px;
  font-size:14px;
  background:linear-gradient(135deg, rgb(0, 122, 255), rgb(0, 91, 187));
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:24px;
  border-radius:14px;
  padding-right:24px;
  padding-bottom:16px;
  justify-content:center;
  background-color:#5936CB;
  }
      

      
  .flUFbs:hover {
    opacity:0.8;
  }
      

        
      
      
  .dsGrcE {
    color:#059669;
  width:fit-content;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  padding-top:8px;
  border-color:#059669;
  border-style:solid;
  border-width:1px;
  padding-left:12px;
  border-radius:16px;
  padding-right:12px;
  padding-bottom:8px;
  background-color:#ECFDF5;
  }
      

      
        
      
      
  .BnCRc {
    align-items:center;
  padding-top:8px;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
        
      
      
  .bVjpQb {
    gap:4px;
  width:100%;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .popup-week-by-week\:4l1eAx3m-moCVGBNOCiK6 {
    width:250px;
  }
      

      
        
      
      
  .crFDEn {
    overflow-x:hidden;
  transition:none;
  }
      

      
  .crFDEn:popover-open {
    top:0px;
  left:calc(100vw - var(--maxWidth));
  width:100%;
  height:100vh;
  position:absolute;
  animation:drawer-slide-in 0.5s ease-out forwards;
  max-width:var(--maxWidth);
  transform:translateX(100%);
  overflow-x:hidden;
  align-items:end;
  will-change:transform;
  border-radius:0px;
  justify-content:start;
  scrollbar-width:none;
  }
      
.crFDEn:popover-open::-webkit-scrollbar {
  width: 0;
}



  .crFDEn::backdrop {
    height:100vh;
  transition:none;
  background-color:rgba(0, 0, 0, 0.35);
  }
      

        
      
      
  
      

      
        
      
      
  .cqhjDF {
    font-family:'Lexend';
  font-weight:Inherit;
  }
      

      
        
      
      
  .cMZpLh {
    gap:2px;
  color:var(--grey-500, #737373);
  font-size:13px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  justify-content:start;
  }
      

      
        
      
      
  .edgCpk {
    font-size:16px;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .ejtKv {
    flex:1;
  height:100%;
  overflow-y:scroll;
  scrollbar-width:none;
  }
      
.ejtKv::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .vMfAr {
    gap:10px;
  width:200px;
  cursor:pointer;
  height:130px;
  box-shadow:0 1px 3px rgba(0,0,0,0.05);
  transition:background-color 300ms ease 0ms , background 300ms ease 0ms ;
  font-family:'Lexend';
  padding-top:16px;
  border-color:#E5E7EB;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:18px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:;
  background-color:#fff;
  }
      

      
  .vMfAr:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      


  .vMfAr.is-past-week {
    opacity:0.9;
  border-color:#B0BEC5;
  border-style:solid;
  border-width:1px;
  background-color:#ECEFF1;
  }
      


  .vMfAr.current-week {
    background:linear-gradient(135deg, #FFE082, #FFD54F);
  border-color:#FFB300;
  border-style:solid;
  border-width:1px;
  }
      


  .vMfAr.is-selected-week {
    color:#1e3a8a;
  background:linear-gradient(135deg, #e0f2ff, #f0faff);
  outline-color:var(--blue-600, #2563EB);
  outline-style:solid;
  outline-width:2px;
  }
      


  .vMfAr.is-no-onboard-week {
    color:#fff;
  opacity:0.9;
  border-color:#B0BEC5;
  border-style:solid;
  border-width:1px;
  background-color:var(--grey-800, #262626);
  }
      

        
      
      
  .fllvx {
    width:24px;
  height:24px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .OUvKd {
    align-items:end;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .cOzwxb {
    opacity:0.8;
  font-size:14px;
  font-family:inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .ejFzLT {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-bottom:10px;
  }
      

      
        
      
      
  .cspwdJ {
    position:absolute;
  font-size:25px;
  font-family:'Lexend';
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
      
      
  
      

      
        
      
      
  .eYnIWw {
    top:53px;
  width:200px;
  z-index:100;
  position:fixed;
  box-shadow:1px 4px 8px 0px #00000044;
  border-radius:24px;
  }
      

      
        
      
      
  .cJpMvH {
    font-size:16px;
  align-items:center;
  font-family:'Lexend';
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bHVElf {
    color:var(--grey-200, #E5E5E5);
  width:100px;
  cursor:pointer;
  height:43px;
  font-size:14px;
  background:linear-gradient(135deg, rgb(0, 122, 255), rgb(0, 91, 187));
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:24px;
  border-radius:14px;
  padding-right:24px;
  padding-bottom:16px;
  justify-content:center;
  background-color:#5936CB;
  }
      

      
  .bHVElf:hover {
    opacity:0.8;
  }
      

        
      
      
  .bDNBqN {
    gap:16px;
  flex-wrap:wrap;
  align-items:start;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .erFArP {
    gap:4px;
  color:#000;
  width:100%;
  cursor:default;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
  .erFArP:hover {
    border-radius:16px;
  background-color:var(--grey-200, #E5E5E5);
  }
      


  .erFArP.selected {
    color:#fff;
  border-radius:16px;
  background-color:var(--grey-800, #262626);
  }
      

        
      
      
  .dxitOB {
    width:fit-content;
  cursor:pointer;
  }
      

      
  .dxitOB:hover {
    opacity:0.6;
  }
      

        
      
      
  .duKjvA {
    right:20px;
  cursor:pointer;
  position:absolute;
  }
      

      
  .duKjvA:hover {
    opacity:0.8;
  }
      

        
      
      
  .fia-DIH {
    gap:8px;
  width:100%;
  height:100vh;
  max-width:350px;
  overflow-x:hidden;
  padding-top:0px;
  padding-left:0px;
  padding-right:0px;
  padding-bottom:0px;
  scrollbar-width:none;
  background-color:#f3f4f7;
  }
      
.fia-DIH::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .eWICqv {
    gap:0px;
  max-width:318px;
  border-radius:16px;
  padding-bottom:0px;
  background-color:#fff;
  }
      

      
  .eWICqv.show-more-style {
    gap:8px;
  padding-bottom:16px;
  }
      

        
      
      
  .dECRLO {
    gap:16px;
  width:100%;
  padding-top:8px;
  }
      

      
        
      
      
  .VEVPS {
    flex:2;
  color:#666;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fFHoWI {
    color:#666;
  width:50px;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fsnCat {
    color:#737373;
  width:100%;
  max-width:500px;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  background-color:#9999991a;
  }
      

      
  .fsnCat.light-style {
    color:#000;
  background-color:#fff;
  }
      

        
      
      
  .eZHySG {
    color:Inherit;
  }
      

      
        
      
      
  .bNSevI {
    gap:16px;
  color:inherit;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  text-decoration-line: underline;
  }
      

      
        
      
      
  
      

      
        
      
      
  .euGaVm {
    flex:1;
  font-size:15px;
  text-align:right;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .bExFku {
    font-size:13px;
  font-family:'Lexend';
  font-weight:inherit;
  }
      

      
        
      
      
  .ekTfZG {
    color:var(--blue-600, #2563EB);
  display:flex;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:4px;
  padding-left:8px;
  border-radius:4px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:4px;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  .cdBJNH {
    color:#666;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eKBLKQ {
    gap:8px;
  width:100%;
  height:auto;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:all 300ms ease 0ms ;
  align-items:start;
  padding-top:0px;
  padding-bottom:8px;
  justify-content:start;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .cYewcY {
    gap:8px;
  width:100%;
  align-items:start;
  padding-top:16px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
        
      
      
  .emSlei {
    color:#D946EF;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .dwRBmY {
    gap:10px;
  padding-bottom:16px;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .fvosTX {
    gap:6px;
  color:var(--grey-600, #525252);
  width:100%;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  background-color:#9999991a;
  }
      

      
        
      
      
  .bzrsEt {
    color:var(--blue-600, #2563EB);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .bWztsI {
    gap:8px;
  width:100%;
  align-items:start;
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .eIVccI {
    gap:10px;
  padding-bottom:0px;
  }
      

      
        
      
      
  .fANUWU {
    gap:16px;
  width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .ehSghZ {
    width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .bdjHSy {
    gap:8px;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bcFeSb {
    width:100%;
  overflow:hidden;
  font-size:14px;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  
      

      
  .fvZFhi.is-show-more {
    transform:rotate(180deg);
  transition:transform 300ms ease 0ms ;
  }
      

        
      
      
  .ekXBWg {
    height:0px;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:all 300ms ease 0ms ;
  align-items:start;
  padding-top:0px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:0px;
  justify-content:start;
  }
      

      
  .ekXBWg.show-more {
    height:auto;
  }
      

        
      
      
  .ezBjmU {
    color:#737373;
  font-size:12px;
  font-family:inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .chJFsT {
    color:#666;
  display:none;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .bngNmA {
    color:#666;
  width:98px;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .dmqMzt {
    color:#666;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .eAyWjT {
    gap:16px;
  align-items:start;
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .DGhlk {
    gap:16px;
  align-items:center;
  padding-top:8px;
  padding-left:0px;
  padding-right:0px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .ePjgAn {
    gap:8px;
  width:100%;
  height:auto;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:all 300ms ease 0ms ;
  align-items:start;
  padding-top:0px;
  padding-bottom:0px;
  justify-content:start;
  }
      

      
  .ePjgAn.shift-one {
    border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eveLLX {
    width:70px;
  height:75px;
  align-items:center;
  justify-content:center;
  background-color:#2563EB;
  border-top-left-radius:16px;
  border-bottom-left-radius:16px;
  }
      

      
  .eveLLX.weekend-style {
    background-color:#F87171;
  }
      

        
      
      
  .dGvSEG {
    gap:8px;
  flex:1;
  width:100%;
  overflow:hidden;
  font-family:'Lexend';
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .eOnA-DV {
    gap:0px;
  cursor:default;
  max-width:100%;
  min-height:73px;
  align-items:center;
  border-radius:16px;
  flex-direction:row;
  justify-content:start;
  }
      

      
  .eOnA-DV.show-more-style {
    box-shadow:0px 4px 4px 0px #0000004d ;
  }
      

        
      
      
  .fFVgVR {
    width:100%;
  row-gap:8px;
  column-gap:8px;
  max-height:500px;
  overflow-y:scroll;
  padding-top:8px;
  padding-bottom:8px;
  scrollbar-width:none;
  }
      
.fFVgVR::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .dDEKJi {
    gap:6px;
  color:var(--grey-600, #525252);
  width:100%;
  overflow-y:auto;
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  background-color:#9999991a;
  }
      

      
        
      
      
  .lZqJE {
    row-gap:24px;
  column-gap:24px;
  padding-top:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .dQRiLP {
    gap:8px;
  color:var(--grey-600, #525252);
  align-items:center;
  padding-top:12px;
  padding-left:16px;
  border-radius:8px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:12px;
  justify-content:center;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .bQYSiM {
    color:var(--grey-500);
  font-size:13px;
  text-align:center;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bpeMON {
    width:40px;
  height:40px;
  }
      

      
        
      
      
  .ws-sm-panel-single-shift\:Qa9t0snXpQ-cQqf4UnuqT {
    width:100%;
  }
      

      
        
      
      
  .etoPWd {
    color:var(--blue-500);
  cursor:pointer;
  font-size:13px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  text-decoration-line:underline;
  }
      

      
        
      
      
  .fsHQbs {
    width:100%;
  row-gap:8px;
  column-gap:8px;
  }
      

      
        
      
      
  .feGDSR {
    width:100%;
  row-gap:10px;
  column-gap:10px;
  overflow-y:clip;
  transition:gap 300ms ease;
  align-items:start;
  padding-left:0px;
  padding-right:0px;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .ws-sm-panel-single-shift\:iyxaontIOFX6H1dlKhINP {
    width:100%;
  }
      

      
        
      
      
  .vKMVT {
    gap:8px;
  width:100%;
  overflow-y:clip;
  transition:gap 300ms ease;
  align-items:start;
  padding-left:0px;
  padding-right:0px;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .fxTFfb {
    width:100%;
  display:flex;
  row-gap:10px;
  background:white;
  column-gap:10px;
  align-items:center;
  border-color:var(--grey-300);
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  justify-content:flex-start;
  border-top-left-radius:24px;
  border-top-right-radius:24px;
  border-bottom-left-radius:24px;
  border-bottom-right-radius:24px;
  }
      

      
        
      
      
  .cWAYGY {
    flex:1;
  color:#000;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .ccRGGi {
    color:var(--grey-400);
  width:20px;
  height:20px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .fBsGfc {
    gap:8px;
  width:100%;
  height:auto;
  overflow-x:hidden;
  overflow-y:hidden;
  transition:all 300ms ease 0ms ;
  align-items:start;
  padding-top:0px;
  padding-bottom:8px;
  justify-content:start;
  transform-origin:center center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bhtkwS {
    color:#fff;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .eQAfoM {
    gap:8px;
  width:248px;
  height:100%;
  transition:all 300ms ease 0ms ;
  align-items:center;
  padding-top:10px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  background-color:#fff;
  border-top-right-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .biHXv {
    width:30px;
  height:30px;
  }
      

      
        
      
      
  .faXOpE {
    gap:4px;
  color:var(--grey-900);
  font-size:20px;
  align-items:center;
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:#f3f4f7;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fygrId {
    gap:16px;
  flex:1;
  height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
  padding-top:16px;
  padding-right:;
  padding-bottom:32px;
  justify-content:;
  scrollbar-width:none;
  }
      
.fygrId::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .fcMtMC {
    top:0px;
  position:sticky;
  background:white;
  align-items:center;
  padding-top:2px;
  border-color:var(--grey-100, #F5F5F5);
  border-style:solid;
  border-width:1px;
  padding-left:2px;
  border-radius:24px;
  padding-right:2px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:start;
  }
      

      
        
      
      
  .dTCwxs {
    row-gap:16px;
  background:#f3f4f7;
  column-gap:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .dAxQAx {
    flex:1;
  color:Inherit;
  width:100%;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .xSPZC {
    display:flex;
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  .fauKEP {
    cursor:pointer;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .wAuRV {
    width:100%;
  height:100%;
  background:white;
  border-color:var(--grey-200);
  border-style:solid;
  border-width:1px;
  border-top-left-radius:2px;
  border-top-right-radius:2px;
  border-bottom-left-radius:2px;
  border-bottom-right-radius:2px;
  }
      

      
        
      
      
  .cTjLih {
    color:#cecccc;
  cursor:pointer;
  }
      

      
        
      
      
  .czxNKV {
    width:20px;
  height:20px;
  display:flex;
  align-items:center;
  padding-top:2px;
  padding-left:2px;
  padding-right:2px;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
        
      
      
  .EPyDh {
    color:#0284c7;
  transition:height 300ms ease;
  }
      

      
        
      
      
  .mc-weekly-hour-parameters-panel\:2q9ryFz_bqZJHaCSzq1Ce {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .rsQVY {
    row-gap:30px;
  column-gap:30px;
  }
      

      
        
      
      
  .dcPWwK {
    width:20px;
  }
      

      
        
      
      
  .bsbfRb {
    width:fit-content;
  row-gap:10px;
  column-gap:10px;
  }
      

      
        
      
      
  .dUhvJY {
    row-gap:10px;
  column-gap:10px;
  }
      

      
        
      
      
  .bAaczM {
    gap:8px;
  color:var(--blue-500);
  width:100%;
  cursor:default;
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  .dAcqif {
    font-size:inherit;
  font-family:Lexend;
  font-weight:inherit;
  }
      

      
        
      
      
  .bUEBkN {
    color:var(--grey-500);
  font-size:14px;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bozZcs {
    gap:4px;
  color:var(--grey-900);
  font-size:20px;
  align-items:center;
  padding-top:2px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:start;
  background-color:#f3f4f7;
  }
      

      
        
      
      
  .mc-weekly-hour-parameters-panel\:NUqzwdRaYmLu4g8YWoRQP {
    height:52px;
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  .cDJgAz {
    color:var(--grey-500, #737373);
  width:fit-content;
  font-size:14px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .evAxfr {
    color:#000;
  width:318px;
  font-size:14px;
  background:white;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:16px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:16px;
  padding-right:8px;
  padding-bottom:16px;
  }
      

      
  .evAxfr:focus {
    outline-color:var(--grey-900, #171717);
  outline-style:solid;
  outline-width:1px;
  }
      

        
      
      
  .eXemJG {
    display:flex;
  row-gap:6px;
  font-size:14px;
  column-gap:6px;
  align-items:flex-end;
  font-weight:var(--font-weight-light);
  padding-top:4px;
  flex-direction:row;
  padding-bottom:4px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .mc-weekly-hour-parameters-panel\:QAqGsXsowMmSNr6BZlHNu {
    top:20px;
  background:;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .fnCfhi {
    flex:1;
  width:fit-content;
  height:fit-content;
  display:flex;
  row-gap:6px;
  column-gap:6px;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .input-start-time-value\:-LK_KhXBdY9NdJbyqn82r {
    width:fit-content;
  background:;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .input-start-time-value\:3OPIZbE5go9miAtgo1AY9 {
    left:-100px;
  width:fit-content;
  background:;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .emRDgV {
    width:100%;
  font-size:12px;
  text-align:left;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .dlQIwv {
    width:750px;
  height:400px;
  overflow-y:hidden;
  align-items:end;
  flex-direction:row;
  justify-content:start;
  background-color:#fff;
  }
      

      
  .dlQIwv.style {
    box-shadow:1px 1px 8px 0px var(--grey-400);
  border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      


  .dlQIwv.contributor-timezone-active-and-full {
    width:100%;
  }
      


  .dlQIwv.toggle-off-timezone {
    width:250px;
  }
      


  .dlQIwv.contributor-timezone-active {
    width:500px;
  }
      


  .dlQIwv.toggle-off-timezone-and-full {
    width:100%;
  }
      

        
      
      
  .bniqSw {
    width:100%;
  cursor:pointer;
  display:flex;
  row-gap:4px;
  font-size:14px;
  column-gap:4px;
  align-items:flex-end;
  font-family:Lexend;
  font-weight:inherit;
  padding-top:8px;
  padding-left:8px;
  border-radius:4px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
  .bniqSw:hover {
    background:var(--hoverColor);
  }
      


  .bniqSw.selected {
    color:#fff;
  background:var(--bgColor);
  }
      

        
      
      
  .bKxzsI {
    font-size:14px;
  text-align:center;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  line-height:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bwYKkQ {
    flex:1;
  height:100%;
  row-gap:4px;
  column-gap:4px;
  overflow-y:scroll;
  padding-top:8px;
  padding-bottom:8px;
  scrollbar-width:none;
  scroll-snap-type:y mandatory;
  }
      
.bwYKkQ::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .fBlhWo {
    width:100%;
  row-gap:8px;
  column-gap:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  }
      

      
        
      
      
  .ftyCwY {
    width:100%;
  height:fit-content;
  display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  font-family:Lexend;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eWTJnQ {
    row-gap:4px;
  column-gap:4px;
  }
      

      
        
      
      
  .fofQHw {
    flex:1;
  font-family:Lexend;
  padding-top:8px;
  padding-bottom:8px;
  }
      

      
  .fofQHw.disable {
    opacity:0.3;
  pointer-events:none;
  }
      

        
      
      
  .YmNCh {
    gap:16px;
  flex:1  ;
  width:100%;
  height:100%;
  background:var(--bgColor);
  overflow-y:auto;
  flex-direction:row;
  border-left-color:#fff;
  border-left-style:solid;
  border-left-width:1px;
  }
      

      
  .YmNCh.hide {
    display:none;
  }
      

        
      
      
  
      

      
        
      
      
  .coWOAi {
    color:inherit;
  }
      

      
        
      
      
  .calqLr {
    cursor:pointer;
  display:flex;
  font-size:14px;
  align-items:center;
  font-family:inherit;
  font-weight:inherit;
  line-height:16px;
  padding-top:8px;
  padding-left:8px;
  border-radius:4px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
  .calqLr:hover {
    background:var(--hoverColor);
  }
      


  .calqLr.is-selected {
    color:#fff;
  background:var(--bgColor);
  }
      

        
      
      
  .bijmUB {
    flex:1;
  height:100%;
  row-gap:6px;
  column-gap:6px;
  overflow-y:scroll;
  padding-top:8px;
  padding-bottom:8px;
  scrollbar-width:none;
  }
      
.bijmUB::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .xveTK {
    color:#000;
  cursor:pointer;
  display:block;
  opacity:0.3;
  align-items:center;
  justify-content:flex-start;
  }
      

      
  .xveTK.hide {
    display:none;
  }
      


  .xveTK:hover {
    opacity:0.4;
  background:;
  }
      

        
      
      
  .bwqygx {
    color:#000;
  width:24px;
  cursor:pointer;
  height:24px;
  display:flex;
  opacity:0.3;
  align-items:center;
  justify-content:flex-start;
  }
      

      
  .bwqygx.hide {
    display:none;
  }
      


  .bwqygx:hover {
    opacity:0.4;
  background:;
  }
      

        
      
      
  
      

      
        
      
      
  .bZzzni {
    display:flex;
  row-gap:6px;
  column-gap:6px;
  align-items:center;
  font-family:Lexend;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .input-start-time-value\:YyXfOoB7qEHy0smYAjI9W {
    width:100%;
  }
      

      
        
      
      
  .HaiIh {
    color:#000;
  width:100%;
  height:100%;
  display:flex;
  font-size:14px;
  text-align:center;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:18px;
  border-color:var(--grey-300, #D4D4D4);
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:16px;
  padding-right:8px;
  padding-bottom:18px;
  justify-content:center;
  background-color:#fff;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eVYUKA {
    display:flex;
  row-gap:16px;
  column-gap:16px;
  align-items:flex-start;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .mc-weekly-hour-parameters-panel\:eun3_ISZ2454GHQUNWJT0 {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .bmUfxQ {
    font-size:inherit;
  font-family:Lexend;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .eMpDJY {
    width:100%;
  display:flex;
  overflow-y:hidden;
  align-items:flex-start;
  flex-direction:column;
  justify-content:flex-start;
  background-color:#fff;
  }
      

      
  .eMpDJY.style {
    box-shadow:1px 1px 8px 0px var(--grey-400);
  border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

        
      
      
  .WUj {
    width:100%;
  font-size:14px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

      
  .WUj:hover {
    background:var(--grey-100);
  }
      


  .WUj.selected {
    color:white;
  background:var(--blue-400);
  }
      

        
      
      
  .mc-weekly-hour-parameters-panel\:pzW3FTh_Dv4yH6d8yvRmK {
    width:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eododS {
    color:#D946EF;
  width:100%;
  font-size:14px;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ckdWtw {
    color:var(--red-500);
  cursor:pointer;
  }
      

      
  .ckdWtw:hover {
    opacity:0.8;
  }
      

        
      
      
  .bLPYeU {
    row-gap:32px;
  column-gap:32px;
  }
      

      
        
      
      
  .cdkWER {
    gap:16px;
  max-width:600px;
  min-width:600px;
  font-family:'Lexend';
  padding-top:24px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:24px;
  background-color:#fff;
  }
      

      
        
      
      
  .cSrYyR {
    font-size:16px;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .epOdVR {
    align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .sSYRY {
    gap:8px;
  cursor:pointer;
  align-items:center;
  padding-top:10px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  }
      

      
  .sSYRY:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  .NDilE {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--grey-900, #171717);
  }
      

      
  .NDilE:hover {
    background-color:var(--grey-800, #262626);
  }
      

        
      
      
  .dMOsSE {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:32px;
  border-radius:16px;
  padding-right:32px;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--blue-600, #2563EB);
  }
      

      
  .dMOsSE:hover {
    background-color:var(--blue-500, #3B82F6);
  }
      

        
      
      
  
      

      
        
      
      
  .UvzXZ {
    row-gap:2px;
  column-gap:2px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .dzEKot {
    color:white;
  height:52px;
  display:flex;
  font-size:14px;
  background:var(--blue-600);
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
  .dzEKot:hover {
    cursor:pointer;
  opacity:0.8;
  }
      

        
      
      
  .IjWwT {
    gap:4px;
  color:#000;
  width:100%;
  cursor:default;
  background:var(--grey-200);
  min-height:40px;
  transition:all 300ms ease 0ms normal;
  align-items:center;
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:space-between;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dyAiaN {
    row-gap:8px;
  column-gap:8px;
  padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  .etfSqD {
    flex:1;
  color:var(--grey-400);
  cursor:pointer;
  height:44px;
  display:flex;
  font-size:12px;
  text-align:center;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:22px;
  border-top-right-radius:22px;
  border-bottom-left-radius:22px;
  border-bottom-right-radius:22px;
  }
      

      
  .etfSqD.is-selected {
    color:#fff;
  display:flex;
  background:var(--grey-300);
  font-weight:var(--font-weight-regular);
  flex-direction:column;
  }
      


  
      

        
      
      
  .eHAfGM {
    color:var(--grey-500, #737373);
  width:100%;
  font-size:13px;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .ewWypT {
    gap:16px;
  width:100%;
  box-shadow:0 2px 6px rgba(0,0,0,0.1);
  align-items:center;
  padding-top:16px;
  border-color:#d946ef57;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  background-color:#fff;
  }
      

      
        
      
      
  .OCwxe {
    color:var(--grey-500, #737373);
  width:100%;
  display:none;
  font-size:13px;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fjzwDg {
    gap:4px;
  flex:1;
  width:100%;
  font-family:'Lexend';
  justify-content:;
  }
      

      
        
      
      
  .input-maximum-value\:-LK_KhXBdY9NdJbyqn82r {
    width:fit-content;
  background:;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .input-maximum-value\:YyXfOoB7qEHy0smYAjI9W {
    width:100%;
  }
      

      
        
      
      
  .cbZzJk {
    width:155px;
  height:330px;
  overflow-y:hidden;
  align-items:end;
  flex-direction:row;
  justify-content:start;
  background-color:#fff;
  }
      

      
  .cbZzJk.style {
    box-shadow:1px 1px 8px 0px var(--grey-400);
  border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

        
      
      
  .OQZTi {
    height:40px;
  display:flex;
  font-size:13px;
  text-align:center;
  align-items:flex-start;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
        
      
      
  .eosDzw {
    flex:1;
  width:100%;
  height:calc(100% - 40px);
  row-gap:8px;
  column-gap:8px;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  }
      

      
        
      
      
  .eeyzOe {
    flex:1  ;
  width:100%;
  height:100%;
  background:var(--bgColor);
  overflow-y:hidden;
  flex-direction:column;
  border-left-color:#fff;
  border-left-style:solid;
  border-left-width:1px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fpFcxQ {
    flex:1;
  height:100%;
  row-gap:4px;
  column-gap:4px;
  overflow-y:scroll;
  scrollbar-width:none;
  scroll-snap-type:y mandatory;
  }
      
.fpFcxQ::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  .mc-weekly-min-max-panel\:2dydxP1xzhLkT0M3TGXNP {
    display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .mc-weekly-min-max-panel\:3U8vs1cO7x65tDDNlYgHh {
    width:fit-content;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .bTajwu {
    color:var(--red-500);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .eoakUQ {
    row-gap:16px;
  column-gap:16px;
  }
      

      
        
      
      
  .djualI {
    row-gap:10px;
  column-gap:10px;
  font-family:Lexend;
  }
      

      
        
      
      
  .fuImIf {
    gap:8px;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:0px;
  flex-direction:column;
  padding-bottom:0px;
  justify-content:center;
  }
      

      
        
      
      
  .tprUk {
    color:var(--grey-900);
  width:fit-content;
  font-size:inherit;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .add-hour-type-popup\:yQHqndubK61GebdjySBgN {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dyiPxQ {
    flex:1;
  color:Inherit;
  display:-webkit-box;
  overflow:hidden;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .mc-weekly-min-max-panel\:UR5zIfvc6QslIFaa3zNOA {
    width:fit-content;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .ePrJJE {
    color:#0D47A1;
  width:fit-content;
  min-width:130px;
  align-items:center;
  padding-top:10px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:10px;
  justify-content:center;
  background-color:#90CAF9;
  }
      

      
  .ePrJJE.is-location {
    color:#1B5E20;
  background-color:#A5D6A7;
  }
      


  .ePrJJE.is-day {
    color:#E65100;
  align-items:start;
  justify-content:center;
  background-color:#FFCC80;
  }
      


  .ePrJJE.is-range {
    color:#BF360C;
  background-color:#FFAB91;
  }
      


  .ePrJJE.is-min-max {
    color:#fff;
  background-color:#2D3748;
  }
      


  .ePrJJE.is-unlisted {
    color:#B71C1C;
  background-color:#FFD9D9;
  }
      


  .ePrJJE.is-possible {
    color:#1B5E20;
  background-color:#A5D6A7;
  }
      


  .ePrJJE.is-sleep {
    color:#B71C1C;
  background-color:#FFD9D9;
  }
      

        
      
      
  .cmJGWF {
    width:100%;
  font-size:14px;
  text-align:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-semi-bold);
  }
      

      
        
      
      
  
      

      
        
      
      
  .cfdZZ {
    row-gap:8px;
  column-gap:8px;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eEdlGw {
    gap:8px;
  color:var(--red-400);
  width:100%;
  cursor:default;
  background:var(--red-100);
  box-shadow:1px 1px 8px 0px var(--red-100);
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:;
  }
      

      
        
      
      
  .GetKa {
    row-gap:4px;
  column-gap:4px;
  padding-bottom:30px;
  border-bottom-color:var(--grey-300);
  border-bottom-style:Dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .dbQoIS {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  align-items:start;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  background-color:#333333;
  }
      

      
  .dbQoIS:hover {
    background-color:var(--grey-900, #171717);
  }
      

        
      
      
  .dSJuwR {
    gap:8px;
  color:var(--blue-400, #60A5FA);
  width:100%;
  cursor:default;
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  
      

      
        
      
      
  .mc-weekly-min-max-panel\:t8QlsQzVNiv3zgReI7LhK {
    display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cLDBOY {
    row-gap:8px;
  column-gap:8px;
  }
      

      
        
      
      
  .fjqHno {
    display:flex;
  row-gap:2px;
  column-gap:2px;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ftfMmY {
    top:0px;
  z-index:2;
  position:sticky;
  background:#f3f4f7;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eBtRUe {
    gap:8px;
  color:var(--grey-400, #A3A3A3);
  cursor:pointer;
  font-size:16px;
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:24px;
  border-radius:16px;
  padding-right:24px;
  padding-bottom:16px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
  .eBtRUe.selected {
    color:#fff;
  font-weight:var(--font-weight-regular);
  background-color:#000;
  }
      

        
      
      
  .bhFqkz {
    gap:4px;
  flex:1;
  color:#000;
  width:100%;
  cursor:default;
  overflow:hidden;
  align-items:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .PKdfx {
    gap:16px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .eibmpg {
    gap:8px;
  height:100%;
  position:relative;
  flex-wrap:wrap;
  max-height:80px;
  min-height:40px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bWcLSn {
    flex:1;
  width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .cdVxIc {
    gap:4px;
  width:100%;
  }
      

      
        
      
      
  .eAVVtz {
    gap:10px;
  width:200px;
  border:1px solid #E5E7EB;
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,0.05);
  transition:background-color 300ms ease 0ms , background 300ms ease 0ms ;
  font-family:'Lexend';
  padding-top:16px;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:18px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:;
  background-color:#fff;
  }
      

      
        
      
      
  .ceqZjf {
    gap:16px;
  flex:1;
  width:100%;
  height:100%;
  display:flex;
  position:relative;
  flex-wrap:wrap;
  max-height:80px;
  min-height:40px;
  align-items:center;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .dlWJRZ {
    gap:8px;
  color:var(--grey-400, #A3A3A3);
  cursor:default;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:16px;
  border-radius:24px;
  padding-right:16px;
  padding-bottom:8px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
  .dlWJRZ.selected {
    color:#fff;
  font-weight:var(--font-weight-regular);
  background-color:#000;
  }
      

        
      
      
  
      

      
        
      
      
  .zfJZd {
    width:50px;
  height:50px;
  border-radius:100px;
  }
      

      
        
      
      
  .cGDpUP {
    gap:4px;
  color:var(--grey-700, #404040);
  cursor:pointer;
  align-items:center;
  font-family:'Lexend';
  padding-top:10px;
  padding-left:4px;
  padding-right:4px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
  .cGDpUP:hover {
    opacity:0.7;
  border-radius:8px;
  }
      

        
      
      
  .QtExs {
    gap:8px;
  flex:1;
  width:100%;
  align-items:start;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .vXEJr {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  height:100px;
  position:sticky;
  align-items:center;
  padding-top:20px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:12px;
  justify-content:space-between;
  border-bottom-color:var(--grey-200, #E5E5E5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .bKYhit {
    gap:8px;
  align-items:center;
  font-weight:Inherit;
  padding-top:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .TVMHD {
    gap:15px;
  width:100%;
  height:100%;
  position:relative;
  align-items:center;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  background-color:var(--grey-300, #D4D4D4);
  }
      

      
        
      
      
  .emVpgU {
    gap:0px;
  display:flex;
  padding-top:10px;
  flex-direction:column;
  }
      

      
        
      
      
  .eUaRUh {
    :;
  gap:16px;
  width:100%;
  min-height:100px;
  align-items:start;
  padding-top:0px;
  flex-direction:column;
  justify-content:stretch;
  }
      

      
        
      
      
  .cIKKdc {
    gap:10px;
  width:100%;
  min-height:100px;
  overflow-y:visible;
  align-items:stretch;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:start;
  }
      

      
        
      
      
  .cjcCYt {
    width:100%;
  overflow:hidden;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .dHtJcG {
    width:100%;
  overflow:hidden;
  font-size:10px;
  font-style:italic;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .blHqLW {
    gap:8px;
  width:100%;
  height:73.5px;
  align-items:start;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .crfZXK {
    gap:2px;
  flex:1;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .eyAmaz {
    width:100%;
  height:100%;
  }
      

      
        
      
      
  .fxMzfE {
    align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .clXipQ {
    width:100%;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .bIfcrx {
    width:var(--width-summary-common);
  display:flex;
  flex-direction:row;
  }
      

      
        
      
      
  .dTNhVK {
    top:0px;
  left:0px;
  right:0px;
  width:100vw;
  bottom:0px;
  height:100vh;
  z-index:1000;
  position:fixed;
  }
      

      
        
      
      
  .cAGqDw {
    gap:6px;
  height:100%;
  align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .fbkcWc {
    color:var(--grey-500);
  width:25px;
  display:flex;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  justify-content:center;
  }
      

      
        
      
      
  .cRCbPp {
    width:20px;
  display:flex;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:inherit;
  justify-content:center;
  }
      

      
        
      
      
  .eVljyk {
    display:flex;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .cFkCzh {
    width:5px;
  display:flex;
  font-size:inherit;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  justify-content:center;
  }
      

      
        
      
      
  .GuJBC {
    width:90px;
  height:35px;
  display:flex;
  font-size:14px;
  background:white;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  border-color:var(--grey-300);
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
  .GuJBC.focus {
    border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  }
      

        
      
      
  
      

      
        
      
      
  .fqoYwb {
    height:100%;
  display:flex;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .cDDbNS {
    left:-235px;
  height:100%;
  z-index:11;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  .vSSmT {
    width:100%;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .bIILyT {
    width:100%;
  z-index:1000px;
  background: #fff;
  box-shadow:1px 1px 8px 0px var(--shadowColor);
  overflow-y:auto;
  border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  border-radius:16px;
  scrollbar-width:none;
  }
      
.bIILyT::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cbMcrB {
    width:100%;
  row-gap:16px;
  flex-grow:1;
  column-gap:16px;
  overflow-x:hidden;
  overflow-y:scroll;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  scrollbar-width:none;
  }
      
.cbMcrB::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cFnHAy {
    font-size:16px;
  font-family:Lexend;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .Itakm {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  height:60px;
  display:flex;
  row-gap:50px;
  z-index:5;
  position:sticky;
  background: #fff;
  box-shadow:0px 1px 5px rgba(0, 0, 0, 0.1);
  column-gap:50px;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

      
        
      
      
  .gsdqA {
    color:var(--red-500);
  width:100%;
  cursor:pointer;
  font-size:12px;
  text-align:right;
  font-family:Lexend;
  font-weight:var(--font-weight-normal);
  padding-left:16px;
  padding-right:16px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .add-block-time\:3ZqKRMjmhcIVWYcD4DSSY {
    color:var(--grey-600);
  }
      

      
        
      
      
  .eajUXP {
    font-size:12px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .doQVwU {
    color:var(--grey-400);
  font-size:13px;
  font-family:Lexend;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .bnwuTP {
    color:var(--grey-200, #E5E5E5);
  width:fit-content;
  cursor:pointer;
  font-size:13px;
  background: var(--grey-900);
  font-family:Lexend;
  padding-top:8px;
  padding-left:16px;
  border-radius:6px;
  padding-right:16px;
  padding-bottom:8px;
  }
      

      
  .bnwuTP:hover {
    opacity:0.8;
  background:;
  }
      

        
      
      
  .elThbd {
    width:50px;
  height:50px;
  }
      

      
        
      
      
  .chpsLG {
    display:flex;
  row-gap:4px;
  column-gap:4px;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dFfQxS {
    width:100%;
  height:300px;
  }
      

      
        
      
      
  .dvoYe {
    width:100%;
  height:100%;
  display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .dYmIJh {
    width:100%;
  display:flex;
  row-gap:20px;
  column-gap:20px;
  align-items:flex-end;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .cPEXtW {
    display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:flex-start;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .vKCXs {
    padding-top:4px;
  padding-bottom:4px;
  }
      

      
        
      
      
  .cRQBhZ {
    height:350px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  }
      

      
  .cRQBhZ.type-done {
    height:fit-content;
  }
      

        
      
      
  .cUuhlv {
    top:0px;
  left:0px;
  color:#E5E5E5;
  opacity:0;
  position:absolute;
  font-size:0.75rem;
  padding-top:8px;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:#262626;
  }
      

      
  .cUuhlv:focus {
    outline-color:#2463ebff;
  outline-style:solid;
  outline-width:1px;
  }
      

        
      
      
  .bZdCoW {
    font-size:13px;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .fdZFtv {
    width:100%;
  aspect-ratio:1/1;
  }
      

      
        
      
      
  .btTtSU {
    width:350px;
  display:flex;
  row-gap:8px;
  background: white;
  column-gap:8px;
  align-items:center;
  padding-top:100px;
  border-color:var(--grey-400);
  border-style:Dashed;
  border-width:1px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:100px;
  justify-content:center;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .cTKxIq {
    font-size:13px;
  text-align:center;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bZhQAi {
    width:100%;
  display:flex;
  row-gap:4px;
  flex-grow:1;
  column-gap:4px;
  align-items:center;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eePvBM {
    font-size:14px;
  font-family:Lexend;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .fFUFoc {
    font:var(--font-weight-regular) 14px Lexend;
  color:var(--blue-700);
  cursor:pointer;
  font-size:14px;
  font-style:oblique 0deg;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:4px;
  padding-bottom:4px;
  text-decoration:underline;
  }
      

      
        
      
      
  .add-block-time\:q2QClp9wXwipHhVIzi5Xa {
    top:0px;
  left:0px;
  right:0px;
  width:100%;
  bottom:0px;
  position:absolute;
  }
      

      
        
      
      
  .dJUBrH {
    font-size:14px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fnqbJE {
    gap:8px;
  width:100%;
  height:100%;
  display:flex;
  flex-grow:1;
  align-items:flex-start;
  border-radius:16px;
  flex-direction:column;
  padding-bottom:20px;
  justify-content:flex-start;
  scrollbar-width:none;
  }
      
.fnqbJE::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .ffCaEu {
    height:fit-content;
  row-gap:16px;
  background:;
  column-gap:16px;
  }
      

      
        
      
      
  .yzgWG {
    width:100%;
  height:100%;
  display:flex;
  row-gap:16px;
  column-gap:16px;
  align-items:center;
  border-color:var(--grey-300);
  border-style:Solid;
  border-width:1px;
  justify-content:center;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .dUhULN {
    color:var(--blue-600);
  height:34px;
  display:flex;
  font-size:12px;
  background: var(--blue-200);
  align-items:flex-start;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .insert-selfie-video\:lNTMqIYk7peATcEcefJNT {
    z-index:10;
  }
      

      
        
      
      
  .fDDGJr {
    width:fit-content;
  height:400px;
  overflow-y:hidden;
  align-items:end;
  flex-direction:row;
  justify-content:start;
  background-color:#fff;
  }
      

      
  .fDDGJr.style {
    width:700px;
  box-shadow:1px 1px 8px 0px var(--grey-200);
  border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      


  .fDDGJr.contributor-timezone-active-and-full {
    width:100%;
  }
      


  .fDDGJr.toggle-off-timezone {
    width:calc(700px / 3);
  }
      


  .fDDGJr.contributor-timezone-active {
    width:700px;
  }
      


  .fDDGJr.toggle-off-timezone-and-full {
    width:100%;
  }
      

        
      
      
  .ckiity {
    gap:8px;
  flex:1;
  color:var(--blue-400, #60A5FA);
  width:100%;
  padding-top:16px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:;
  }
      

      
        
      
      
  .DfYkv {
    color:var(--grey-800);
  display:flex;
  font-size:25px;
  text-align:center;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-semi-bold);
  justify-content:center;
  }
      

      
        
      
      
  .bjPhAN {
    width:16px;
  height:16px;
  object-fit:cover;
  }
      

      
        
      
      
  .cARnQS {
    gap:4px;
  color:var(--grey-600);
  font-size:20px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bmbXez {
    flex:1;
  width:100%;
  height:100%;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .bSYQlN {
    flex:1;
  width:100%;
  height:100%;
  z-index:2;
  background:var(--bgColor);
  overflow-y:hidden;
  flex-direction:column;
  }
      

      
  .bSYQlN.hide {
    display:none;
  }
      


  .bSYQlN.contributor-timezone-active {
    flex:1;
  display:flex;
  }
      

        
      
      
  .fffbmr {
    color:#fff;
  font-size:Inherit;
  text-align:center;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eMxwvJ {
    color:#fff;
  font-size:14px;
  text-align:center;
  font-family:inherit;
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .dcfMq {
    color:white;
  font-size:14px;
  font-family:Inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .chnfiS {
    display:flex;
  row-gap:2px;
  font-size:13px;
  background:var(--yellow-500);
  column-gap:2px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:flex-start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .bqcWPA {
    display:flex;
  row-gap:2px;
  font-size:13px;
  background:var(--grey-600);
  column-gap:2px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:flex-start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .dbTRhW {
    display:flex;
  row-gap:2px;
  font-size:13px;
  background:#10A751;
  column-gap:2px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:flex-start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .QeRid {
    height:54px;
  display:flex;
  row-gap:2px;
  font-size:13px;
  background:var(--yellow-500);
  column-gap:2px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .QuJDA {
    width:100%;
  height:100%;
  row-gap:8px;
  column-gap:8px;
  overflow-y:auto;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  }
      

      
        
      
      
  .FOWyD {
    display:flex;
  row-gap:2px;
  font-size:13px;
  background:black;
  column-gap:2px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:flex-start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .CElBI {
    height:54px;
  display:flex;
  row-gap:2px;
  font-size:13px;
  background:black;
  column-gap:2px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .ecmAZK {
    color:white;
  font-size:Inherit;
  font-family:Inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .Design-InputTranslatedTimezone\:2hGJDKy0m27XI8n--itcU {
    width:100%;
  display:none;
  }
      

      
        
      
      
  .DcZxO {
    font-size:13px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .dbiebK {
    color:var(--red-500);
  font-size:13px;
  text-align:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eBblMA {
    flex:1;
  width:calc(700px / 3 + 2px);
  height:100%;
  z-index:2;
  overflow-y:hidden;
  flex-direction:column;
  }
      

      
  .eBblMA.hide {
    display:none;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bqAHOM {
    width:67.11px;
  display:flex;
  row-gap:4px;
  column-gap:4px;
  align-items:center;
  font-family:Lexend;
  padding-top:8px;
  padding-bottom:8px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eJwNkt {
    width:67.11px;
  height:100%;
  row-gap:4px;
  column-gap:4px;
  overflow-y:scroll;
  padding-top:8px;
  padding-bottom:8px;
  scrollbar-width:none;
  scroll-snap-type:y mandatory;
  }
      
.eJwNkt::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cxyibG {
    width:67.11px;
  height:100%;
  row-gap:6px;
  column-gap:6px;
  overflow-y:scroll;
  padding-top:8px;
  padding-bottom:8px;
  scrollbar-width:none;
  }
      
.cxyibG::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .emtnbv {
    width:100%;
  cursor:pointer;
  height:fit-content;
  display:flex;
  font-size:14px;
  align-items:center;
  font-family:inherit;
  font-weight:inherit;
  line-height:16px;
  padding-top:8px;
  padding-left:8px;
  border-radius:4px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  }
      

      
  .emtnbv:hover {
    background:var(--hoverColor);
  }
      


  .emtnbv.is-selected {
    color:#fff;
  background:var(--bgColor);
  }
      

        
      
      
  .Design-InputTranslatedTimezone\:9QGSOgYZ09jV0jaVAalTJ {
    width:100%;
  background:var(--bgColor);
  }
      

      
  
      

        
      
      
  .fCGOQi {
    color:Inherit;
  font-size:11px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .cYpBxI {
    color:var(--grey-900);
  display:flex;
  font-size:14px;
  text-align:center;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  justify-content:center;
  }
      

      
        
      
      
  .bblBHk {
    width:100%;
  height:100%;
  row-gap:8px;
  z-index:3;
  flex-grow:1;
  background:white;
  column-gap:8px;
  flex-basis:0%;
  flex-shrink:1;
  }
      

      
        
      
      
  .bWwiRG {
    font-size:16px;
  font-family:Lexend;
  }
      

      
        
      
      
  .dFQRcL {
    display:flex;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:space-between;
  }
      

      
        
      
      
  .dLWpbd {
    color:var(--grey-200, #E5E5E5);
  cursor:pointer;
  height:24px;
  align-items:start;
  padding-top:0px;
  padding-left:0px;
  border-radius:6px;
  padding-right:0px;
  padding-bottom:0px;
  justify-content:start;
  }
      

      
        
      
      
  .FZzIE {
    top:-22px;
  left:2px;
  width:20px;
  height:20px;
  transition:left 300ms ease 0ms normal;
  border-radius:100px;
  background-color:#ffffff;
  }
      

      
  .FZzIE.isOn {
    left:18px;
  transition:left 300ms ease 0ms normal;
  background-color:#ffffff;
  }
      

        
      
      
  .fbRvcN {
    width:40px;
  height:24px;
  background:var(--grey-300);
  border-radius:100px;
  }
      

      
  .fbRvcN.isOn {
    height:24px;
  background-color:var(--grey-900, #171717);
  }
      

        
      
      
  .dlsOCZ {
    color:#E5E5E5;
  width:256px;
  height:32px;
  display:none;
  font-size:0.75rem;
  padding-left:8px;
  border-radius:6px;
  padding-right:8px;
  background-color:#262626;
  }
      

      
  .dlsOCZ:focus {
    outline-color:#2463ebff;
  outline-style:solid;
  outline-width:1px;
  }
      

        
      
      
  
      

      
        
      
      
  .ThtlA {
    row-gap:8px;
  column-gap:8px;
  padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .bVsTKO {
    gap:4px;
  color:var(--blue-500);
  font-size:20px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .fAEVoN {
    gap:8px;
  flex:1;
  color:var(--blue-400, #60A5FA);
  width:100%;
  cursor:default;
  height:100%;
  background:var(--blue-100);
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:24px;
  justify-content:;
  }
      

      
        
      
      
  .bbfLDB {
    color:var(--blue-500, #3B82F6);
  width:100%;
  height:fit-content;
  display:-webkit-box;
  overflow:hidden;
  font-size:13px;
  text-align:left;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  white-space:normal;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  }
      

      
        
      
      
  .phkVn {
    top:0px;
  height:48px;
  position:sticky;
  background:var(--grey-100);
  align-items:center;
  padding-top:2px;
  border-color:var(--grey-100, #F5F5F5);
  border-style:solid;
  border-width:1px;
  padding-left:2px;
  border-radius:24px;
  padding-right:2px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:start;
  }
      

      
        
      
      
  .gSYXk {
    width:24px;
  height:24px;
  aspect-ratio:1/1;
  }
      

      
        
      
      
  .bekfai {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
  .bekfai.is-non-options {
    color:#EB008B;
  }
      

        
      
      
  
      

      
        
      
      
  .fGNJrh {
    color:var(--grey-500, #737373);
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .bfBjuK {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  align-items:start;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--grey-900, #171717);
  }
      

      
  .bfBjuK:hover {
    background-color:var(--grey-800, #262626);
  }
      

        
      
      
  .bzdVDG {
    color:var(--blue-600, #2563EB);
  display:none;
  font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:6px;
  padding-left:6px;
  border-radius:4px;
  padding-right:6px;
  padding-bottom:6px;
  background-color:var(--blue-50, #EFF6FF);
  }
      

      
  .bzdVDG.is-no-location {
    color:var(--red-600, #DC2626);
  background-color:var(--red-100, #FEE2E2);
  }
      

        
      
      
  .eWeYQw {
    font-family:Lexend;
  }
      

      
        
      
      
  
      

      
        
      
      
  .blGRz {
    flex:1;
  width:100%;
  height:100%;
  row-gap:8px;
  column-gap:8px;
  }
      

      
        
      
      
  .eqPgRl {
    flex:1;
  color:var(--grey-400);
  width:100%;
  cursor:pointer;
  height:100%;
  display:flex;
  overflow:hidden;
  font-size:11px;
  text-align:center;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  text-overflow:ellipsis;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:22px;
  border-top-right-radius:22px;
  border-bottom-left-radius:22px;
  border-bottom-right-radius:22px;
  }
      

      
  .eqPgRl.is-selected {
    color:#fff;
  display:flex;
  font-weight:var(--font-weight-regular);
  flex-direction:column;
  background-color:#000;
  }
      


  
      

        
      
      
  .NyNJO {
    flex:1;
  cursor:pointer;
  height:100%;
  }
      

      
        
      
      
  .cFydCv {
    gap:8px;
  color:var(--blue-400, #60A5FA);
  height:100%;
  display:flex;
  background:var(--blue-100);
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  align-items:center;
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:24px;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .Design-InputTranslatedTimezone\:K3MdVjokLWAyy273wAWC1 {
    height:100%;
  }
      

      
        
      
      
  .arHft {
    width:100%;
  height:100%;
  display:flex;
  row-gap:8px;
  z-index:3;
  flex-grow:1;
  background:white;
  column-gap:8px;
  flex-basis:0%;
  align-items:center;
  flex-shrink:1;
  font-family:Lexend;
  justify-content:center;
  }
      

      
        
      
      
  .cPofOl {
    flex:1;
  display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .dBqCjY {
    flex:1;
  display:flex;
  row-gap:8px;
  column-gap:8px;
  align-items:flex-start;
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px0;
  justify-content:flex-start;
  border-bottom-color:var(--grey-300);
  border-bottom-style:Dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .fpVUIZ {
    font-family:inherit;
  }
      

      
        
      
      
  .fugDfJ {
    width:100%;
  height:100%;
  row-gap:8px;
  z-index:4;
  flex-grow:1;
  background:white;
  box-shadow:2px 0 12px  rgba(0, 0, 0, 0.15);
  column-gap:8px;
  flex-basis:0%;
  flex-shrink:1;
  }
      

      
  .fugDfJ.hide {
    display:none;
  }
      

        
      
      
  .fooJRH {
    top:50%;
  left:50%;
  color:var(--blue-600);
  width:fit-content;
  display:flex;
  position:absolute;
  font-size:14px;
  transform:translate(-50%, -50%);
  background:var(--blue-100);
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  border-color:white;
  border-style:solid;
  border-width:1px;
  padding-left:12px;
  padding-right:12px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:flex-start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
        
      
      
  .eBgrnw {
    flex:1;
  opacity:0.8;
  font-size:11px;
  text-align:left;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  justify-content:flex-start;
  }
      

      
        
      
      
  .dBvlhz {
    gap:8px;
  flex:1;
  color:var(--blue-400, #60A5FA);
  width:100%;
  padding-top:24px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:;
  }
      

      
        
      
      
  .esshpc {
    color:var(--grey-600);
  width:100%;
  cursor:pointer;
  display:flex;
  row-gap:10px;
  box-shadow:0 2px 8px  rgba(0, 0, 0, 0.08);
  column-gap:10px;
  align-items:flex-start;
  padding-top:16px;
  border-color:var(--color);
  border-style:solid;
  border-width:1px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:16px;
  justify-content:flex-start;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
  .esshpc.selected {
    color:#fff;
  border:none;
  background: #000;
  }
      


  .esshpc.disable {
    opacity:0.7;
  }
      

        
      
      
  .fvxqdF {
    padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  .cZQPWZ {
    width:100%;
  display:flex;
  row-gap:4px;
  column-gap:4px;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .deFkaY {
    border-bottom-color:var(--grey-300);
  border-bottom-style:Dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .insert-selfie-video\:yncH8AoiMiCso3xLaH5bB {
    width:100%;
  height:393px;
  display:flex;
  z-index:1001;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dEXKIV {
    color:var(--blue-700, #1D4ED8);
  width:24px;
  cursor:pointer;
  height:24px;
  align-items:center;
  border-radius:100px;
  justify-content:center;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
  .dEXKIV.show {
    color:#fff;
  background:linear-gradient(135deg, #007E33, #00C853) scroll border-box padding-box repeat repeat 0% 0% / auto;
  }
      

        
      
      
  
      

      
        
      
      
  .ddCRJM {
    color:var(--red-700, #B91C1C);
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .eTxJsx {
    color:var(--red-600, #DC2626);
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .qXCYz {
    width:34px;
  }
      

      
        
      
      
  .dmHBWw {
    top:8px;
  trs:;
  width:var(--width-summary-common);
  z-index:2;
  position:relative;
  padding-top:0px;
  padding-left:0px;
  border-radius:16px;
  padding-right:0px;
  padding-bottom:0px;
  background-color:#fff;
  }
      

      
        
      
      
  .cyan-add-note\:4STrl6DqiAVCXlNpZ8MFr {
    color:inherit;
  }
      

      
        
      
      
  .vGfZL {
    color:var(--grey-900, #171717);
  width:34px;
  cursor:pointer;
  height:34px;
  transition:background-color 300ms ease 0ms ;
  align-items:center;
  border-radius:100px;
  justify-content:center;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
  .vGfZL.show {
    color:#fff;
  background:linear-gradient(135deg, #007E33, #00C853);
  outline-color:var(--grey-50, #FAFAFA);
  outline-style:solid;
  outline-width:3px;
  }
      

        
      
      
  
      

      
        
      
      
  .ejOHfP {
    gap:8px;
  width:100%;
  box-shadow:1px 1px 8px 0px var(--red-200);
  padding-top:16px;
  border-color:var(--red-300);
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:20px;
  background-color:#fff;
  }
      

      
        
      
      
  .gypkJ {
    font-size:14px;
  text-align:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:16px;
  padding-bottom:16px;
  }
      

      
        
      
      
  .figPeA {
    width:50px;
  aspect-ratio:1/1;
  }
      

      
        
      
      
  .cjaLTu {
    right:16px;
  cursor:pointer;
  position:absolute;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cCLydx {
    width:fit-content;
  height:var(--select-height);
  min-height:20px;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eZzRUf {
    gap:4px;
  height:fit-content;
  font-size:12px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .fhvSOb {
    display:flex;
  max-width:90px;
  max-height:35px;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .cVmsnQ {
    width:90px;
  height:100%;
  display:flex;
  font-size:14px;
  background:white;
  align-items:center;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  border-color:var(--grey-300);
  border-style:solid;
  border-width:1px;
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
  .cVmsnQ.focus {
    border-color:var(--borderColor);
  border-style:solid;
  border-width:2px;
  }
      

        
      
      
  .popup-translated-timezone\:R4JK2ybBwxCSZEU9o2UKH {
    right:0px;
  width:750px;
  position:relative;
  margin-left:auto;
  }
      

      
        
      
      
  .popup-translated-timezone\:S1Do7iBEVBZ8tW08VtNsg {
    left:-105px;
  width:fit-content;
  position:relative;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  box-shadow:1px 1px 8px 0px var(--red-200);
  }
      

      
  .popup-translated-timezone\:S1Do7iBEVBZ8tW08VtNsg.left-position {
    left:-572px;
  position:relative;
  }
      

        
      
      
  .popup-translated-timezone\:Z6dLcwV3Np9ByNH8Ai4dI {
    right:0px;
  width:750px;
  position:relative;
  margin-left:auto;
  }
      

      
        
      
      
  .popup-translated-timezone\:fJjA10doNLRrWdWFC8U6Q {
    width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .popup-translated-timezone\:fgR0ONzHc6uUHM6RYEusF {
    left:-11px;
  width:fit-content;
  position:relative;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  box-shadow:1px 1px 8px 0px var(--blue-200);
  }
      

      
  .popup-translated-timezone\:fgR0ONzHc6uUHM6RYEusF.left-position {
    left:-478px;
  position:relative;
  }
      

        
      
      
  .morningC-attendance-reality-block\:JeIoukOmkif1cw5B_zCuS {
    width:90px;
  }
      

      
        
      
      
  .VatsY {
    font-size:10px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:#fee2e2a8;
  }
      

      
        
      
      
  .bXKCFL {
    color:inherit;
  display:inline-block;
  }
      

      
        
      
      
  .duOSnK {
    color:var(--grey-900, #171717);
  width:34px;
  cursor:pointer;
  height:34px;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:100px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
  .duOSnK:hover {
    opacity:0.8;
  }
      

        
      
      
  .cPBtde {
    row-gap:4px;
  column-gap:4px;
  align-items:start;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .elzCys {
    display:flex;
  row-gap:4px;
  column-gap:4px;
  align-items:flex-start;
  padding-top:0px;
  flex-direction:row;
  padding-bottom:0px;
  justify-content:flex-start;
  }
      

      
        
      
      
  .dNXfrw {
    width:100%;
  height:24px;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  .ckNpLI {
    color:inherit;
  display:none;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fdXqSt {
    gap:6px;
  display:flex;
  align-items:flex-start;
  font-family:'Lexend';
  margin-bottom:10px;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
  .fdXqSt.error {
    border-color:#e78888;
  border-style:solid;
  border-width:1px;
  border-radius:10px;
  }
      

        
      
      
  
      

      
        
      
      
  .eAmKZt {
    color:var(--grey-700, #404040);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .EoYmT {
    height:0px;
  overflow-y:hidden;
  transition:all 300ms ease 0ms normal;
  }
      

      
  .EoYmT.expanded {
    height:auto;
  }
      

        
      
      
  .iWUBJ {
    gap:4px;
  height:24px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .morningC-attendance-reality-block\:b2moD2JxY_aLolX9OOVTV {
    :;
  padding-top:30px;
  }
      

      
        
      
      
  .faIjMH {
    gap:16px;
  width:350px;
  height:100vh;
  overflow-y:auto;
  font-family:'Lexend';
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  scrollbar-width:none;
  background-color:#ffffff;
  }
      
.faIjMH::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cMTezm {
    color:#fff;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  padding-top:2px;
  padding-left:6px;
  border-radius:6px;
  padding-right:6px;
  padding-bottom:2px;
  background-color:var(--grey-500, #737373);
  }
      

      
  .cMTezm.is-china-office {
    background-color:#4CAF50;
  }
      


  .cMTezm.is-usa-office {
    background-color:#D32F2F;
  }
      


  .cMTezm.is-india-office {
    background-color:#FF9800;
  }
      


  .cMTezm.is-canada-office {
    background-color:#1976D2;
  }
      

        
      
      
  .biiCTb {
    color:#5D5D5D;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eHANCx {
    color:#444444;
  width:80%;
  display:flex;
  font-size:20px;
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  flex-direction:column;
  }
      

      
        
      
      
  .cIjSAS {
    gap:16px;
  top:0px;
  left:0px;
  right:0px;
  z-index:1000;
  position:sticky;
  align-items:start;
  flex-direction:column;
  justify-content:center;
  background-color:#fff;
  }
      

      
        
      
      
  .chDdFx {
    gap:24px;
  width:100%;
  align-items:center;
  font-family:'Lexend';
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cpajuU {
    gap:8px;
  align-items:center;
  padding-top:4px;
  flex-direction:row;
  padding-bottom:4px;
  justify-content:start;
  }
      

      
        
      
      
  .eMVomw {
    gap:4px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ddFXhQ {
    display:flex;
  flex-direction:row;
  }
      

      
        
      
      
  .ACIVW {
    gap:16px;
  width:900px;
  height:100%;
  box-shadow:1px 1px 8px 0px var(--grey-400);
  max-height:500px;
  min-height:350px;
  align-items:center;
  padding-top:16px;
  border-color:var(--blue-400);
  border-style:solid;
  border-width:2px;
  border-radius:16px;
  justify-content:space-between;
  background-color:#fff;
  }
      

      
        
      
      
  .XzlMJ {
    gap:8px;
  cursor:pointer;
  height:42px;
  align-items:center;
  padding-top:10px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  }
      

      
  .XzlMJ:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  .cJDlbD {
    display:flex;
  font-size:14px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  justify-content:center;
  }
      

      
  .cJDlbD.is-non-options {
    color:#EB008B;
  }
      

        
      
      
  .bbpck {
    gap:16px;
  flex:1;
  flex-direction:row;
  }
      

      
        
      
      
  .eCoyGf {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-left:32px;
  border-radius:16px;
  padding-right:32px;
  padding-bottom:10px;
  background-color:#FF9800;
  }
      

      
  .eCoyGf:hover {
    opacity:0.8;
  }
      

        
      
      
  .briDyV {
    gap:4px;
  flex-direction:row;
  }
      

      
        
      
      
  .dXJDWt {
    gap:16px;
  width:100%;
  flex-grow:1;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  }
      

      
        
      
      
  .dXcXg {
    gap:16px;
  flex:1;
  padding-left:4px;
  padding-right:4px;
  }
      

      
        
      
      
  .ctPmfB {
    gap:16px;
  width:100%;
  max-width:200px;
  padding-left:4px;
  padding-right:4px;
  justify-content:;
  }
      

      
        
      
      
  .fuJclu {
    font-size:16px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  
      

      
        
      
      
  .eWgcSE {
    gap:16px;
  flex-direction:row;
  }
      

      
        
      
      
  .elHPmO {
    color:black;
  font-size:14px;
  background:var(--bgColor);
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  padding-top:2px;
  padding-left:var(--paddingHorizontal);
  padding-right:var(--paddingHorizontal);
  padding-bottom:2px;
  border-top-left-radius:6px;
  border-top-right-radius:6px;
  border-bottom-left-radius:6px;
  border-bottom-right-radius:6px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .euURze {
    gap:8px;
  width:100%;
  bottom:0px;
  position:sticky;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:end;
  border-top-color:var(--grey-300, #D4D4D4);
  border-top-style:dashed;
  border-top-width:1px;
  }
      

      
        
      
      
  .chhugu {
    gap:10px;
  flex:1;
  display:flex;
  max-height:300px;
  overflow-y:scroll;
  scrollbar-width:none;
  grid-template-columns:1fr 1fr;
  }
      
.chhugu::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  .dUGgzM {
    gap:16px;
  flex:1;
  width:100%;
  flex-direction:row;
  }
      

      
        
      
      
  
      

      
        
      
      
  .morningC-reality-dropdown\:7LksQbFWvOSFHhJf-_OVz {
    position:relative;
  }
      

      
        
      
      
  .focYDN {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-right:6px;
  }
      

      
        
      
      
  .dGhmxd {
    flex:1  ;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .dyIGrX {
    flex:1  ;
  height:100%;
  display:flex;
  overflow-x:hidden;
  overflow-y:hidden;
  text-align:left;
  align-items:center;
  white-space:nowrap;
  text-overflow:ellipsis;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .morningC-reality-dropdown\:cn2Hn10vfd5bh_lYRwJUR {
    left:-527px;
  width:fit-content;
  overflow-x:hidden;
  overflow-y:hidden;
  scrollbar-width:none;
  border-bottom-right-radius:16px;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  box-shadow:1px 1px 8px 0px var(--blue-200);
  }
      
.morningC-reality-dropdown\:cn2Hn10vfd5bh_lYRwJUR::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .morningC-reality-dropdown\:pc49_s202g2QcJOBIcZQk {
    width:200px;
  height:35px;
  }
      

      
        
      
      
  .eqGooJ {
    color:black;
  font-size:14px;
  background:var(--bgColor);
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:2px;
  border-radius:6px;
  padding-bottom:2px;
  }
      

      
        
      
      
  .morningC-reality-dropdown\:8ij9giZO99hov7bBuUntF {
    width:100%;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cwwVVS {
    height:34px;
  }
      

      
        
      
      
  .kpqxb {
    gap:6px;
  font-size:1em;
  align-items:start;
  font-family:'Lexend';
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .xnALF {
    width:100%;
  height:0px;
  display:flex;
  box-sizing:border-box;
  overflow-y:hidden;
  transition:all 300ms ease 0ms normal;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:column;
  background-color:var(--red-50, #FEF2F2);
  }
      

      
  .xnALF.expanded {
    height:130px;
  padding-top:16px;
  border-color:#f7f7f7;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:16px;
  }
      

        
      
      
  .ZvtVR {
    width:15px;
  height:15px;
  }
      

      
        
      
      
  .cukMRl {
    gap:6px;
  height:100%;
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .dApaGJ {
    height:100%;
  }
      

      
        
      
      
  .dSPgEE {
    color:var(--blue-700, #1D4ED8);
  display:flex;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:2px;
  padding-left:6px;
  border-radius:4px;
  padding-right:6px;
  flex-direction:column;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  .morningC-attendance-reality-block\:zZeSMWJmDxaTd09IUzdk- {
    width:90px;
  }
      

      
        
      
      
  .demo-2903-morningC-shift-layout\:GXQroXD61xPmWyb0kd5pg {
    padding-bottom:20px;
  }
      

      
        
      
      
  .bWBoBa {
    gap:2px;
  width:70px;
  flex-direction:column;
  }
      

      
        
      
      
  .FymhR {
    gap:10px;
  color:#000;
  width:100%;
  cursor:default;
  height:fit-content;
  align-items:center;
  padding-top:8px;
  border-color:black;
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:16px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  background-color:#fff;
  }
      

      
  .FymhR.weekend {
    color:var(--red-500, #EF4444);
  border-color:var(--red-500, #EF4444);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .dzYyWa {
    gap:10px;
  color:#fff;
  width:100%;
  cursor:default;
  height:fit-content;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:16px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  background-color:#000000;
  }
      

      
  .dzYyWa.weekend {
    background-color:var(--red-500, #EF4444);
  }
      

        
      
      
  .cDlaWP {
    gap:4px;
  width:100%;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  align-items:center;
  padding-top:4px;
  padding-left:4px;
  border-radius:16px;
  padding-right:4px;
  flex-direction:row;
  padding-bottom:4px;
  justify-content:center;
  }
      

      
        
      
      
  .qiJlt {
    color:inherit;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-lighter);
  }
      

      
        
      
      
  .cvbJLh {
    color:inherit;
  font-size:20px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .Tdrqh {
    gap:4px;
  color:#fff;
  width:100%;
  cursor:default;
  height:100%;
  align-items:center;
  padding-top:8px;
  padding-left:2px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:#000000;
  }
      

      
  .Tdrqh.weekend {
    background-color:var(--red-500, #EF4444);
  }
      

        
      
      
  .cfSKlV {
    width:100%;
  height:100%;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .djIEFD {
    color:inherit;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  line-height:15.2px;
  text-shadow:1px 4px 8px #00000044;
  }
      

      
        
      
      
  .fBwyDZ {
    width:100%;
  z-index:10;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .TQQd {
    color:#fff;
  font-size:10px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .dZxkKv {
    row-gap:4px;
  column-gap:4px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .YdNzG {
    gap:6px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .cDQNKC {
    color:var(--pink-700, #BE185D);
  width:90px;
  height:35px;
  align-items:center;
  border-color:var(--pink-300, #F9A8D4);
  border-style:solid;
  border-width:1px;
  border-radius:16px;
  justify-content:center;
  background-color:var(--pink-100, #FCE7F3);
  }
      

      
        
      
      
  .euYjCM {
    row-gap:4px;
  column-gap:4px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
  .cynniN.is-muted-type {
    opacity:0.3;
  pointer-events:none;
  }
      

        
      
      
  .fHrglw {
    color:var(--blue-800, #1E40AF);
  width:90px;
  height:35px;
  align-items:center;
  border-color:var(--blue-300, #93C5FD);
  border-style:solid;
  border-width:1px;
  border-radius:16px;
  justify-content:center;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  .dYVGaZ {
    align-items:start;
  padding-top:30px;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .demo-2903-morningC-shift-layout\:Z7DoCVAkYgExoR9H16v25 {
    align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .cRpClF {
    gap:16px;
  width:100%;
  display:flex;
  align-items:center;
  flex-shrink:1;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .Hunjh {
    gap:6px;
  width:fit-content;
  display:flex;
  flex-direction:column;
  }
      

      
        
      
      
  .dfDwnb {
    color:#fff;
  display:flex;
  font-size:12px;
  background: #F4A401;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:2px;
  padding-left:6px;
  border-radius:4px;
  padding-right:6px;
  flex-direction:column;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
        
      
      
  .bKJHdI {
    color:#fff;
  font-size:14px;
  background: var(--yellow-400);
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  padding-top:2px;
  padding-left:6px;
  border-radius:6px;
  padding-right:6px;
  padding-bottom:2px;
  }
      

      
        
      
      
  .ecDWmu {
    color:#fff;
  display:flex;
  font-size:12px;
  background: var(--green-600);
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:2px;
  padding-left:6px;
  border-radius:4px;
  padding-right:6px;
  flex-direction:column;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
        
      
      
  .RiciV {
    width:100%;
  display:block;
  overflow:hidden;
  font-size:14px;
  text-align:left;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  white-space:nowrap;
  text-overflow:ellipsis;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fxoRmN {
    gap:4px;
  flex:1  ;
  height:34px;
  display:flex;
  background: white;
  align-items:flex-start;
  border-color:var(--grey-300);
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  padding-right:8px;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .fgDApt {
    align-items:start;
  justify-content:center;
  }
      

      
  .fgDApt.is-disable {
    :;
  opacity:0.4;
  pointer-events:none;
  }
      

        
      
      
  .fCDMzV {
    color:#fff;
  font-size:14px;
  background:var(--bgColor);
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  border-radius:6px;
  }
      

      
        
      
      
  .pALLa {
    gap:16px;
  width:900px;
  box-shadow:1px 1px 8px 0px var(--grey-400);
  align-items:center;
  padding-top:16px;
  border-color:var(--blue-400);
  border-style:solid;
  border-width:2px;
  border-radius:16px;
  justify-content:center;
  background-color:#fff;
  }
      

      
        
      
      
  .ewVDWJ {
    gap:16px;
  width:100%;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  }
      

      
        
      
      
  .bSVkvc {
    gap:4px;
  flex:1;
  flex-wrap:wrap;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .ekFgMh {
    color:#5D5D5D;
  display:flex;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:2px;
  padding-left:4px;
  border-radius:4px;
  padding-right:4px;
  flex-direction:column;
  padding-bottom:2px;
  background-color:#E3F2FD;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dKQOOk {
    gap:8px;
  cursor:pointer;
  height:42px;
  align-items:center;
  padding-top:10px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:10px;
  justify-content:start;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .dKQOOk:hover {
    background-color:var(--grey-100, #F5F5F5);
  }
      

        
      
      
  
      

      
        
      
      
  .dgpZKQ {
    font-size:16px;
  font-family:Lexend;
  font-weight:inherit;
  padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  .deDJUV {
    color:var(--grey-500, #737373);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .dOnAKg {
    gap:24px;
  width:350px;
  height:100vh;
  overflow-y:auto;
  font-family:'Lexend';
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  scrollbar-width:none;
  background-color:#ffffff;
  }
      
.dOnAKg::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  .cbRHmP {
    gap:10px;
  }
      

      
        
      
      
  .zSEgU {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .ewnuXt {
    gap:16px;
  width:100%;
  flex-wrap:wrap;
  font-size:15px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cbYgay {
    max-width:90px;
  max-height:35px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .weekly-expectation-hour-input\:S1Do7iBEVBZ8tW08VtNsg {
    width:fit-content;
  background:;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .weekly-expectation-hour-input\:fJjA10doNLRrWdWFC8U6Q {
    width:100%;
  }
      

      
        
      
      
  .weekly-expectation-hour-input\:rpEYNHo4OVLurXLgjwBNO {
    left:-137px;
  width:fit-content;
  position:relative;
  background:;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cKgUWZ {
    font-size:inherit;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .ejVckW {
    color:var(--blue-600, #2563EB);
  cursor:default;
  height:35px;
  display:flex;
  font-size:13px;
  align-items:flex-start;
  font-family:Lexend;
  font-weight:var(--font-weight-light);
  padding-top:8px;
  border-color:var(--blue-200);
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--blue-200, #BFDBFE);
  }
      

      
        
      
      
  .eveqCf {
    color:var(--red-600, #DC2626);
  font-size:16px;
  padding-top:8px;
  padding-left:8px;
  border-radius:100px;
  padding-right:8px;
  padding-bottom:8px;
  background-color:var(--red-100, #FEE2E2);
  }
      

      
        
      
      
  
      

      
        
      
      
  .fiynLs {
    color:var(--grey-500, #737373);
  width:fit-content;
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eludcq {
    gap:8px;
  padding-top:8px;
  border-top-color:var(--grey-300, #D4D4D4);
  border-top-style:dashed;
  border-top-width:1px;
  }
      

      
        
      
      
  .dIctrJ {
    gap:4px;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .eKzlRp {
    gap:8px;
  width:100%;
  align-items:center;
  padding-top:16px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  border-top-color:var(--grey-300, #D4D4D4);
  border-top-style:dashed;
  border-top-width:1px;
  }
      

      
        
      
      
  .fHbYoq {
    color:#1976D2;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  border-color:#1976D2;
  border-style:solid;
  border-width:2px;
  padding-left:32px;
  border-radius:16px;
  padding-right:32px;
  padding-bottom:10px;
  }
      

      
  .fHbYoq:hover {
    opacity:0.8;
  }
      

        
      
      
  .daRWoY {
    color:black;
  font-size:14px;
  background:var(--bgColor);
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  border-radius:6px;
  }
      

      
        
      
      
  .on-fly-block-dropdown\:KLW60q7RkYMEeUm6myPCu {
    z-index:1000;
  }
      

      
        
      
      
  .on-fly-block-dropdown\:_s8neW6e3apj7L6sYf6cX {
    width:200px;
  }
      

      
        
      
      
  .bQutiS {
    width:100%;
  height:34px;
  }
      

      
        
      
      
  .on-fly-block-dropdown\:krwf-F14SMFvgDp2A3vey {
    left:-38px;
  width:fit-content;
  overflow-x:hidden;
  overflow-y:hidden;
  scrollbar-width:none;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  box-shadow:1px 1px 8px 0px var(--blue-200);
  }
      
.on-fly-block-dropdown\:krwf-F14SMFvgDp2A3vey::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .booaBX {
    width:100%;
  row-gap:4px;
  column-gap:4px;
  align-items:start;
  padding-top:0px;
  flex-direction:row;
  padding-bottom:0px;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .eoAlYP {
    color:#fff;
  display:flex;
  font-size:12px;
  background: var(--blue-600);
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:2px;
  padding-left:6px;
  border-radius:4px;
  padding-right:6px;
  flex-direction:column;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
        
      
      
  .eQDetf {
    gap:4px;
  background:;
  }
      

      
  .eQDetf.is-muted-type {
    opacity:0.3;
  pointer-events:none;
  }
      

        
      
      
  .eeWbFv {
    gap:4px;
  width:200px;
  height:34px;
  display:flex;
  background: white;
  align-items:center;
  border-color:var(--grey-300);
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:row;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .blpKDO {
    color:#fff;
  display:flex;
  font-size:12px;
  background: var(--red-600);
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:2px;
  padding-left:6px;
  border-radius:4px;
  padding-right:6px;
  flex-direction:column;
  padding-bottom:2px;
  justify-content:center;
  }
      

      
        
      
      
  .kYGWv {
    display:block;
  overflow:hidden;
  font-size:14px;
  text-align:left;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  white-space:nowrap;
  text-overflow:ellipsis;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .TlrSz {
    gap:16px;
  width:fit-content;
  padding-top:10px;
  flex-direction:row;
  }
      

      
  .TlrSz.is-off-day {
    :;
  opacity:0.4;
  pointer-events:none;
  }
      

        
      
      
  .eHrKQv {
    row-gap:8px;
  column-gap:8px;
  flex-direction:column;
  }
      

      
        
      
      
  .bUqrvj {
    color:var(--grey-500);
  font-size:12px;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .ejnbbV {
    left:15px;
  width:fit-content;
  bottom:-15px;
  position:absolute;
  flex-direction:row;
  }
      

      
        
      
      
  .eRPwQL {
    left:15px;
  position:absolute;
  align-items:center;
  padding-top:2px;
  padding-left:2px;
  border-radius:100px;
  padding-right:2px;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--green-400, #34D399);
  }
      

      
        
      
      
  .efvPGA {
    align-items:center;
  padding-top:2px;
  padding-left:2px;
  border-radius:100px;
  padding-right:2px;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--green-400, #34D399);
  }
      

      
        
      
      
  .frtebm {
    width:24px;
  height:32px;
  }
      

      
        
      
      
  .oShtL {
    width:20px;
  height:20px;
  border-radius:100px;
  }
      

      
        
      
      
  .bucaFi {
    width:50px;
  height:40px;
  position:relative;
  background: #C8FAD9;
  align-items:center;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
        
      
      
  .demo-2903-morningC-sign-off-component\:Z26FOHe0j0K647E-9bK9P {
    top:20px;
  z-index:3;
  overflow-x:hidden;
  overflow-y:hidden;
  scrollbar-width:none;
  }
      
.demo-2903-morningC-sign-off-component\:Z26FOHe0j0K647E-9bK9P::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .cRxUH {
    font-size:10px;
  font-family:'Lexend';
  font-weight:Inherit;
  }
      

      
        
      
      
  .UXUFM {
    width:fit-content;
  bottom:-15px;
  position:absolute;
  flex-direction:row;
  }
      

      
        
      
      
  .demo-2903-morningC-sign-off-component\:li_3KxGcN0-7vCGsEtwjH {
    height:60px;
  }
      

      
        
      
      
  .fsAtJm {
    gap:16px;
  width:100%;
  max-width:350px;
  box-shadow:0px 2px 4px 0px #00000025, 2px 0px 4px 0px #00000025;
  align-items:start;
  padding-top:16px;
  border-radius:16px;
  padding-bottom:16px;
  justify-content:center;
  background-color:#fff;
  }
      

      
        
      
      
  .dcqYQb {
    color:var(--grey-500, #737373);
  font-size:12px;
  font-family:inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .wWIpg {
    gap:4px;
  flex:1;
  font-family:'Lexend';
  }
      

      
        
      
      
  .dtAsco {
    color:#fff;
  width:100%;
  cursor:pointer;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:14px;
  padding-left:8px;
  border-radius:16px;
  padding-right:8px;
  padding-bottom:14px;
  background-color:#00AB22;
  }
      

      
  .dtAsco:hover {
    opacity:0.8;
  }
      

        
      
      
  .cQfnuZ {
    color:var(--grey-600, #525252);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .nSPkL {
    gap:16px;
  width:100%;
  padding-bottom:8px;
  }
      

      
  .nSPkL.not-you {
    padding-bottom:16px;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

        
      
      
  
      

      
        
      
      
  .ckJERM {
    color:var(--blue-600, #2563EB);
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  text-decoration-line: underline;
  }
      

      
        
      
      
  .JInHX {
    gap:2px;
  color:var(--grey-500, #737373);
  align-items:center;
  font-family:'Lexend';
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .dbEsJt {
    gap:8px;
  width:100%;
  padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  .morningC-sign-off-popup\:PfDvJxtIPViIPOYFHJVE_ {
    width:20px;
  height:20px;
  }
      

      
        
      
      
  .eAIsBD {
    gap:4px;
  color:var(--blue-600, #2563EB);
  width:100%;
  align-items:center;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .evGcZi {
    font-size:14px;
  font-family:inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bfzmzg {
    align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .cvYzBM {
    gap:16px;
  width:100%;
  padding-left:16px;
  padding-right:16px;
  }
      

      
        
      
      
  .bEBHEj {
    color:#fff;
  font-size:12px;
  font-family:inherit;
  font-weight:var(--font-weight-light);
  padding-top:4px;
  padding-left:8px;
  border-radius:8px;
  padding-right:8px;
  padding-bottom:4px;
  background-color:var(--teal-600, #0D9488);
  }
      

      
        
      
      
  .Nobjl {
    gap:8px;
  align-items:center;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .bsLjcq {
    color:var(--blue-600, #2563EB);
  width:100%;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eCkkOQ {
    gap:8px;
  align-items:center;
  font-family:'Lexend';
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .dJHVPi {
    width:100%;
  font-size:16px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  
      

      
        
      
      
  .ccXpkR {
    left:4px;
  width:fit-content;
  bottom:-15px;
  position:absolute;
  flex-direction:row;
  }
      

      
        
      
      
  .BNJPX {
    left:30px;
  color:var(--grey-50, #FAFAFA);
  width:24px;
  height:24px;
  position:absolute;
  align-items:center;
  font-weight:var(--font-weight-lighter);
  padding-top:2px;
  border-color:var(--green-400, #34D399);
  border-style:solid;
  border-width:2px;
  padding-left:8px;
  border-radius:20px;
  padding-right:8px;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--green-400, #34D399);
  }
      

      
        
      
      
  .demo-2903-custom-reaction\:CRw-1HDRO08hgwsOlIG6l {
    padding-top:2px;
  }
      

      
        
      
      
  .bFgbmy {
    left:15px;
  width:fit-content;
  bottom:-15px;
  display:flex;
  position:absolute;
  flex-direction:row;
  }
      

      
        
      
      
  .bDejXX {
    left:15px;
  position:absolute;
  align-items:center;
  padding-top:2px;
  padding-left:2px;
  border-radius:100px;
  padding-right:2px;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--red-400, #F87171);
  }
      

      
        
      
      
  .cebcba {
    align-items:center;
  padding-top:2px;
  padding-left:2px;
  border-radius:100px;
  padding-right:2px;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--red-400, #F87171);
  }
      

      
        
      
      
  .OzYCj {
    left:0px;
  width:fit-content;
  bottom:-15px;
  position:absolute;
  flex-direction:row;
  }
      

      
        
      
      
  .emHfSl {
    width:20px;
  height:20px;
  display:flex;
  border-radius:100px;
  flex-direction:column;
  }
      

      
        
      
      
  .eZfBWB {
    width:50px;
  height:40px;
  position:relative;
  background: #FEE1E2;
  align-items:center;
  padding-top:10px;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
  justify-content:center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  }
      

      
        
      
      
  .etflAt {
    left:30px;
  color:var(--grey-50, #FAFAFA);
  width:24px;
  height:24px;
  position:absolute;
  align-items:center;
  font-weight:var(--font-weight-lighter);
  padding-top:2px;
  border-color:var(--red-400, #F87171);
  border-style:solid;
  border-width:2px;
  padding-left:8px;
  border-radius:20px;
  padding-right:8px;
  padding-bottom:2px;
  justify-content:center;
  background-color:var(--red-400, #F87171);
  }
      

      
        
      
      
  
      

      
        
      
      
  .demo-2903-morningC-shift-layout\:qmjGsErzJhmdlx9M37aLp {
    z-index:2;
  position:relative;
  }
      

      
        
      
      
  .jHUjh {
    display:flex;
  align-items:center;
  flex-shrink:1;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .byDFMH {
    color:#fff;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  line-height:15.2px;
  text-shadow:1px 4px 8px #00000044;
  }
      

      
        
      
      
  .eXNWHZ {
    gap:4px;
  color:var(--grey-900, #171717);
  width:100%;
  cursor:pointer;
  height:100%;
  align-items:center;
  padding-top:8px;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:2px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:#fff;
  }
      

      
  .eXNWHZ.weekend-multi-select-mode {
    color:var(--red-500, #EF4444);
  border-color:var(--red-500, #EF4444);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .ejRhnM {
    width:fit-content;
  max-width:240px;
  }
      

      
        
      
      
  .bIozRU {
    width:124px;
  position:relative;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .efoudc {
    width:30px;
  height:30px;
  }
      

      
  .efoudc.multi-select-mode {
    opacity:0.5;
  }
      

        
      
      
  .elSYiQ {
    width:124px;
  align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  .demo-multi-expectation-block\:2qyF4dMHw2vOUQx0VM_FT {
    z-index:2;
  position:relative;
  }
      

      
        
      
      
  .dtwhjx {
    color:var(--grey-300, #D4D4D4);
  font-size:8px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .EFDxx {
    display:flex;
  align-items:center;
  flex-shrink:1;
  padding-top:32px;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .dQWcMz {
    width:fit-content;
  height:100%;
  align-items:start;
  padding-left:4px;
  border-radius:8px;
  padding-right:4px;
  justify-content:center;
  background-color:#E0E0E0;
  }
      

      
        
      
      
  .esrkuR {
    width:34px;
  height:34px;
  align-items:center;
  border-radius:100px;
  flex-direction:row;
  justify-content:center;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .demo-morningC-attendance-expectation-block\:8M6POGdJKmqPGYwqHrJvD {
    width:160px;
  }
      

      
        
      
      
  .cwBHnh {
    width:34px;
  cursor:pointer;
  height:34px;
  align-items:center;
  border-radius:100px;
  justify-content:center;
  }
      

      
  .cwBHnh.has-value {
    outline-color:var(--lime-600, #65A30D);
  outline-style:solid;
  outline-width:1px;
  background-color:#ffffff;
  }
      

        
      
      
  
      

      
        
      
      
  .fAHJjF {
    height:100%;
  display:flex;
  font-size:12px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .dwOEhF {
    gap:12px;
  }
      

      
        
      
      
  .demo-morningC-attendance-expectation-block\:LTqHERXoTaR_V8Yaxpx34 {
    padding-top:0px;
  padding-bottom:0px;
  }
      

      
        
      
      
  .demo-morningC-attendance-expectation-block\:LWfAD8hbEU6sUIZ6SbE4Q {
    overflow-x:hidden;
  overflow-y:hidden;
  scrollbar-width:none;
  }
      
.demo-morningC-attendance-expectation-block\:LWfAD8hbEU6sUIZ6SbE4Q::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .tZfDl {
    gap:8px;
  width:100%;
  align-items:start;
  padding-top:0px;
  flex-direction:row;
  padding-bottom:0px;
  justify-content:start;
  }
      

      
        
      
      
  .dbwwmH {
    color:#fff;
  width:160px;
  height:34px;
  display:flex;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:10px;
  border-radius:16px;
  padding-right:10px;
  flex-direction:column;
  padding-bottom:8px;
  justify-content:center;
  background-color:var(--red-500, #EF4444);
  }
      

      
        
      
      
  .ctfegY {
    color:var(--grey-700, #404040);
  display:flex;
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  flex-direction:column;
  }
      

      
        
      
      
  .eapiUn {
    width:100%;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .eSIVmh {
    width:34px;
  height:34px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .demo-morningC-attendance-expectation-block\:dj65W258KmUicOfp18lyY {
    padding-top:0px;
  padding-bottom:0px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .esVaAl {
    gap:4px;
  }
      

      
  .esVaAl.show-border-bottom {
    padding-bottom:6px;
  border-bottom-color:#E0E0E0;
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

        
      
      
  
      

      
        
      
      
  .brAGTP {
    color:inherit;
  font-size:17px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  line-height:15.2px;
  text-shadow:1px 4px 8px #00000044;
  }
      

      
        
      
      
  .csbHlB {
    align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .veulc {
    gap:0px;
  align-items:center;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bxVGJn {
    color:var(--grey-600, #525252);
  font-size:8px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .dhJZGO {
    gap:4px;
  color:var(--grey-900, #171717);
  width:100%;
  cursor:pointer;
  height:100%;
  align-items:center;
  padding-top:8px;
  border-color:var(--grey-700, #404040);
  border-style:solid;
  border-width:1px;
  padding-left:2px;
  border-radius:8px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:#fff;
  }
      

      
  .dhJZGO.weekend-multi-select-mode {
    color:var(--red-500, #EF4444);
  border-color:var(--red-500, #EF4444);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .demo-multi-expectation-block\:Z7DoCVAkYgExoR9H16v25 {
    align-items:start;
  justify-content:center;
  }
      

      
        
      
      
  .OJmrv {
    gap:2px;
  color:#fff;
  width:100%;
  cursor:default;
  height:100%;
  align-items:center;
  padding-top:8px;
  padding-left:8px;
  border-radius:20px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:start;
  background-color:#000000;
  }
      

      
  .OJmrv.weekend {
    background-color:var(--red-500, #EF4444);
  }
      

        
      
      
  .mUoXl {
    color:#000;
  cursor:pointer;
  height:100%;
  align-items:center;
  padding-top:8px;
  border-color:black;
  border-style:solid;
  border-width:1px;
  padding-left:8px;
  border-radius:20px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:start;
  background-color:#fff;
  }
      

      
  .mUoXl.weekend-multi-select-mode {
    color:var(--red-500, #EF4444);
  border-color:var(--red-500, #EF4444);
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  .eZaifa {
    gap:16px;
  display:flex;
  align-items:center;
  flex-shrink:1;
  padding-right:16px;
  flex-direction:column;
  justify-content:center;
  }
      

      
        
      
      
  .dftroh {
    gap:4px;
  color:#fff;
  width:100%;
  cursor:default;
  height:100%;
  align-items:center;
  padding-top:8px;
  padding-left:2px;
  border-radius:10px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  background-color:#000000;
  }
      

      
  .dftroh.weekend {
    background-color:var(--red-500, #EF4444);
  }
      

        
      
      
  .WTDme {
    width:fit-content;
  max-width:260px;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dpwzpw {
    gap:8px;
  top:0px;
  left:0px;
  width:100%;
  position:sticky;
  max-width:var(--width-header-common);
  overflow-x:hidden;
  padding-top:16px;
  padding-bottom:16px;
  border-bottom-color:var(--grey-200, #E5E5E5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .bXOjCe {
    color:var(--blue-900, #1E3A8A);
  font-size:24px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .eRLugm {
    color:#4CAF50 ;
  display:flex;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-left:16px;
  border-radius:8px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:center;
  background-color:#E8F5E9;
  }
      

      
        
      
      
  .fptqaT {
    color:#1976D2;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  text-decoration-line: underline;
  }
      

      
        
      
      
  .bfeebt {
    color:#FF5722;
  display:flex;
  font-size:14px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:10px;
  padding-left:16px;
  border-radius:8px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:10px;
  justify-content:center;
  background-color:#FFF3E0 ;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dFqrgQ {
    width:100%;
  height:150px;
  padding-top:10px;
  padding-bottom:10px;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .bhMfCV {
    width:100%;
  height:calc(100vh - 100px);
  z-index:1;
  min-width:1125px;
  overflow-x:auto;
  overflow-y:auto;
  transition:min-width 300ms ease 0ms ;
  padding-left:0px;
  padding-right:0px;
  scrollbar-width:none;
  background-color:var(--grey-50, #FAFAFA);
  }
      
.bhMfCV::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bSruSA {
    width:50%;
  height:50px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  
      

      
        
      
      
  .dhbjCy {
    gap:0px;
  align-items:center;
  padding-top:13px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dQIyex {
    gap:8px;
  width:100%;
  cursor:default;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
  .dQIyex:hover {
    background-color:var(--grey-200, #E5E5E5);
  }
      

        
      
      
  .fArUql {
    width:140px;
  display:none;
  }
      

      
        
      
      
  .cNKmRZ {
    gap:4px;
  width:100px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
  .caua-dE.is-review {
    visibility:hidden;
  }
      

        
      
      
  .cCBKzj {
    gap:4px;
  color:#fff;
  width:46px;
  cursor:pointer;
  height:46px;
  font-size:14px;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  transition:all 300ms ease 0ms normal;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:13px;
  padding-left:16px;
  border-radius:100px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:center;
  }
      

      
  .cCBKzj:hover {
    opacity:0.8;
  }
      

        
      
      
  .esgRzJ {
    gap:4px;
  width:100%;
  box-shadow:0px 2px 3px 0px var(--grey-300, #D4D4D4);
  padding-top:16px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  background-color:var(--grey-50, #FAFAFA);
  }
      

      
        
      
      
  .attendance-control-bar\:4ukT51K50aGV57ou2Rupw {
    width:16px;
  height:16px;
  }
      

      
        
      
      
  .fjaEOe {
    gap:4px;
  color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:13px;
  padding-left:26px;
  border-radius:16px;
  padding-right:26px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:start;
  }
      

      
        
      
      
  .dUTTNZ {
    gap:16px;
  align-items:end;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .dvDcMR {
    gap:8px;
  width:100%;
  height:100%;
  max-width:54px;
  max-height:54px;
  overflow-x:visible;
  overflow-y:visible;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .ezNCTv {
    color:#fff;
  width:100%;
  cursor:pointer;
  height:100%;
  background:linear-gradient(135deg, #6C757D, #495057);
  align-items:center;
  border-radius:1000px;
  justify-content:center;
  }
      

      
  .ezNCTv:hover {
    opacity:0.8;
  }
      

        
      
      
  .eNpBUO {
    width:var(--size);
  height:var(--size);
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .toggle-setting\:SQiuuacvJQtm5gtot9CNU {
    width:100%;
  height:100%;
  }
      

      
        
      
      
  .boHWxW {
    gap:8px;
  width:100%;
  max-width:350px;
  box-shadow:1px 1px 8px 0px var(--grey-400);
  padding-top:16px;
  border-color:var(--blue-400);
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  padding-bottom:16px;
  background-color:#fff;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dykWmL {
    gap:4px;
  color:#000;
  width:100%;
  height:fit-content;
  position:relative;
  font-size:16px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bhwLOZ {
    font-size:12px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .eChdZq {
    width:100%;
  font-size:14px;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .fbFLly {
    gap:16px;
  font-size:14px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  border-bottom-color:var(--grey-200, #E5E5E5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .figaby {
    gap:16px;
  font-size:14px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .divHPS {
    flex:1;
  font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .eyOOWq {
    flex-direction:column;
  padding-bottom:8px;
  border-bottom-color:var(--grey-200);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
  .eyOOWq.is-only-timezone {
    border:none;
  padding-bottom:0px;
  }
      

        
      
      
  
      

      
        
      
      
  .cUwqnS {
    gap:16px;
  font-size:14px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
        
      
      
  .toggle-setting\:qRNGbU1OOBiaFHFLIpgVI {
    width:350px;
  }
      

      
        
      
      
  .bxSunl {
    top:var(--popup-margin-top);
  left:0px;
  width:var(--popup-width);
  opacity:0;
  z-index:100;
  min-width:200px;
  box-shadow:1px 2px 8px 0px var(--grey-300,#D4D4D4);
  transition:all 300ms ease 0ms normal;
  padding-top:0px;
  padding-left:0px;
  border-radius:16px;
  padding-right:0px;
  padding-bottom:0px;
  pointer-events:none;
  background-color:#fff;
  }
      

      
  .bxSunl.no-style {
    padding:0px;
  background:none;
  box-shadow:none;
  border-radius:0px;
  }
      


  .bxSunl.opened {
    opacity:1;
  pointer-events:all;
  }
      

        
      
      
  
      

      
        
      
      
  .toggle-setting\:yyGekdoTI70yL5fvJpYLm {
    left:-300px;
  }
      

      
        
      
      
  .attendance-control-bar\:8Izgq9eX0N94dO37dFSOS {
    width:46px;
  height:46px;
  }
      

      
        
      
      
  .dHXMoY {
    font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  white-space:nowrap;
  }
      

      
        
      
      
  .Jpxgp {
    color:var(--grey-600, #525252);
  font-size:12px;
  font-family:inherit;
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .cWzTNg {
    gap:8px;
  width:fit-content;
  font-size:12px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .cQEqHh {
    font-size:inherit;
  font-family:'Lexend';
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .iEVIb {
    gap:4px;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  
      

      
        
      
      
  .eNpyMw {
    gap:8px;
  align-items:end;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .attendance-month-picker\:BvpA4g5gNqLcLvRXiohkq {
    width:fit-content;
  height:fit-content;
  position:fixed;
  }
      

      
        
      
      
  .fgzIbA {
    font-size:12px;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .epESSg {
    flex:1;
  color:var(--grey-400, #A3A3A3);
  cursor:pointer;
  height:100%;
  font-size:14px;
  transition:background-color 300ms ease 0ms ;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:11px;
  border-radius:16px;
  padding-bottom:11px;
  justify-content:center;
  }
      

      
  .epESSg.selected {
    color:#fff;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  }
      

        
      
      
  .cNxsel {
    width:58px;
  font-size:12px;
  text-align:center;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .tnCKJ {
    width:100%;
  display:flex;
  max-width:506px;
  min-width:300px;
  align-items:flex-start;
  justify-content:flex-start;
  }
      

      
        
      
      
  .bEDlRs {
    color:var(--grey-700, #404040);
  align-items:center;
  font-family:'Lexend';
  padding-top:2px;
  padding-left:2px;
  border-radius:1000px;
  padding-right:2px;
  flex-direction:row;
  padding-bottom:2px;
  justify-content:end;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .fgqxdN {
    gap:8px;
  width:100%;
  cursor:pointer;
  height:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  font-family:'Lexend';
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--container-bg);
  }
      

      
        
      
      
  .dFlwDS {
    gap:16px;
  width:100%;
  display:flex;
  align-items:center;
  flex-direction:row;
  justify-content:flex-start;
  }
      

      
        
      
      
  .fFsach {
    cursor:pointer;
  opacity:0.6;
  transition:background-color 300ms ease 0ms ;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  padding-top:2px;
  padding-left:10px;
  border-radius:1000px;
  padding-right:10px;
  padding-bottom:2px;
  }
      

      
  .fFsach.selected {
    color:#fff;
  opacity:1;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  }
      

        
      
      
  .cYxOsX {
    font-size:inherit;
  font-family:inherit;
  font-weight:inherit;
  text-decoration-line:;
  }
      

      
        
      
      
  .bFWkCb {
    font-size:16px;
  font-family:'Lexend';
  font-weight:Inherit;
  }
      

      
        
      
      
  .axZbY {
    color:var(--grey-500, #737373);
  width:111px;
  opacity:1;
  transition:background-color 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms ;
  align-items:center;
  font-weight:var(--font-weight-light);
  padding-top:12px;
  border-color:#cfd8dc7a;
  border-style:solid;
  border-width:1px;
  padding-left:35px;
  border-radius:8px;
  padding-right:35px;
  padding-bottom:12px;
  justify-content:center;
  background-color:#fff;
  }
      

      
  .axZbY.is-past-month {
    opacity:0.5;
  font-weight:var(--font-weight-light);
  border-color:#B0BEC5;
  border-style:solid;
  border-width:1px;
  background-color:#a4afb7;
  }
      


  .axZbY.is-current-month {
    color:#FF6F00;
  opacity:1;
  background:linear-gradient(135deg, #FFE082, #FFD54F);
  transition:background-color 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
  font-weight:var(--font-weight-regular);
  border-color:#FFB300;
  border-style:solid;
  border-width:1px;
  }
      


  .axZbY.is-selected-month {
    color:#fff;
  opacity:1;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  transition:background-color 300ms cubic-bezier(0.86, 0, 0.07, 1) 0ms;
  font-weight:var(--font-weight-regular);
  border-color:#00000000;
  border-style:solid;
  border-width:1px;
  }
      

        
      
      
  
      

      
        
      
      
  .FwmDH {
    color:#ffff;
  height:44px;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  align-items:center;
  font-family:'Lexend';
  padding-top:8px;
  padding-left:24px;
  padding-right:24px;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .bANZXz {
    width:100%;
  height:44px;
  border-radius:16px;
  flex-direction:row;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .attendance-month-picker\:_N-zR9Mt7xxk-yWcu2QFW {
    position:relative;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fCIqqy {
    font-size:14px;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .bTeiXz {
    color:var(--grey-500, #737373);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bYBHjp {
    color:#ffff;
  width:90px;
  cursor:pointer;
  height:44px;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  align-items:center;
  font-family:'Lexend';
  padding-top:8px;
  padding-left:8px;
  padding-right:8px;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  border-bottom-left-radius:16px;
  border-bottom-right-radius:16px;
  }
      

      
        
      
      
  .bMZuZw {
    gap:4px;
  width:250px;
  align-items:start;
  justify-content:end;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dtFZgT {
    overflow-x:hidden;
  transition:none;
  }
      

      
  .dtFZgT:popover-open {
    top:0px;
  left:calc(100vw - clamp(390px, 100%, 1000px));
  width:100%;
  height:100vh;
  position:absolute;
  animation:drawer-slide-in 0.5s ease-out forwards;
  max-width:clamp(390px, 100%, 1000px);
  transform:translateX(100%);
  overflow-x:hidden;
  align-items:end;
  will-change:transform;
  border-radius:0px;
  justify-content:start;
  scrollbar-width:none;
  }
      
.dtFZgT:popover-open::-webkit-scrollbar {
  width: 0;
}



  .dtFZgT::backdrop {
    height:100vh;
  transition:none;
  background-color:rgba(0, 0, 0, 0.35);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dPPXsp {
    gap:8px;
  width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
  .dPPXsp:hover {
    cursor:default;
  background-color:var(--grey-200, #E5E5E5);
  }
      

        
      
      
  
      

      
        
      
      
  .bCQohu {
    gap:4px;
  width:fit-content;
  cursor:pointer;
  font-size:14px;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:13px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
  .bCQohu:hover {
    opacity:0.8;
  }
      


  .bCQohu.disabled {
    background-color:var(--grey-300, #D4D4D4);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dNUTFA {
    gap:4px;
  color:#fff;
  width:46px;
  cursor:pointer;
  height:46px;
  font-size:14px;
  background:linear-gradient(135deg, #6C757D, #495057);
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:13px;
  padding-left:16px;
  border-radius:100px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:center;
  }
      

      
  .dNUTFA:hover {
    opacity:0.8;
  }
      

        
      
      
  .cTRyOg {
    gap:4px;
  color:#000;
  width:160px;
  cursor:default;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .attendance-control-bar\:RF7tK-cDuItUiUi4VR5LK {
    scrollbar-width:none;
  }
      
.attendance-control-bar\:RF7tK-cDuItUiUi4VR5LK::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  
      

      
        
      
      
  
      

      
  .bHuXNx.is-update {
    visibility:hidden;
  }
      

        
      
      
  .bKWZap {
    gap:8px;
  width:100%;
  cursor:default;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  border-radius:10px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
  .bKWZap:hover {
    background-color:var(--grey-200, #E5E5E5);
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .dNxIFT {
    gap:16px;
  width:100%;
  height:100px;
  font-size:14px;
  min-width:1125px;
  align-items:start;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:12px;
  padding-left:8px;
  padding-right:8px;
  flex-direction:column;
  padding-bottom:26px;
  justify-content:center;
  background-color:#ffffff;
  border-bottom-color:var(--grey-100, #F5F5F5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .qyaro {
    width:100%;
  display:flex;
  align-items:end;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .fbxhZG {
    gap:5px;
  width:80px;
  align-items:center;
  padding-left:5px;
  padding-right:5px;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .bxdxeK {
    font-size:16px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eLKaYp {
    gap:16px;
  width:100%;
  min-width:1125px;
  align-items:center;
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .eCCFTZ {
    overflow:hidden;
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  white-space:nowrap;
  text-overflow:ellipsis;
  }
      

      
        
      
      
  .fEkNHb {
    gap:8px;
  align-items:center;
  font-family:'Lexend';
  padding-right:8px;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bQgRob {
    width:46px;
  overflow-x:visible;
  overflow-y:visible;
  align-items:start;
  justify-content:start;
  }
      

      
        
      
      
  .cauJeT {
    gap:10px;
  width:100%;
  font-family:'Lexend';
  }
      

      
        
      
      
  .attendance-filter-view\:3c0hIcJKdPTrg362mDoVa {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .attendance-filter-view\:9M7SCaZHdJ8wuIrpHK0io {
    left:-320px;
  }
      

      
        
      
      
  .bempmm {
    gap:16px;
  top:80px;
  width:100%;
  z-index:1000;
  position:fixed;
  max-width:350px;
  box-shadow:0px 2px 3px 0px var(--grey-300,#D4D4D4);
  align-items:start;
  padding-top:24px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:24px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  .erjnJF {
    gap:16px;
  flex:1;
  width:100%;
  align-items:start;
  font-family:'Lexend';
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  .attendance-filter-view\:Hb8CNsPmdmnejFbtZ-6xd {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .bTQtgk {
    color:var(--grey-500, #737373);
  font-size:13px;
  font-family:inherit;
  font-weight:var(--font-weight-regular);
  }
      

      
        
      
      
  .attendance-filter-view\:JcBOyHqagw0zrXCO2DkYj {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .bZtSNR {
    font-size:15px;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  .drjlot {
    top:-3px;
  color:var(--grey-100, #F5F5F5);
  right:-6px;
  width:20px;
  height:20px;
  position:absolute;
  font-size:12px;
  background:linear-gradient(135deg, #007AFF, #005BBB);
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-regular);
  border-radius:100px;
  outline-color:#fff;
  outline-style:solid;
  outline-width:3px;
  justify-content:center;
  }
      

      
        
      
      
  .attendance-filter-view\:N4ewnGUjTX_NpdwUaK7tg {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .fjruDu {
    color:#333;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  align-items:start;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:16px;
  outline-color:#333333;
  outline-style:solid;
  outline-width:1px;
  padding-right:16px;
  padding-bottom:8px;
  justify-content:center;
  background-color:#fff;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .fjruDu:hover {
    opacity:0.8;
  }
      

        
      
      
  .yZaPS {
    gap:16px;
  width:100%;
  bottom:0px;
  display:flex;
  position:relative;
  align-items:center;
  padding-left:32px;
  padding-right:32px;
  flex-direction:row;
  justify-content:center;
  }
      

      
        
      
      
  .fvmmpV {
    color:#fff;
  width:fit-content;
  cursor:pointer;
  font-size:12px;
  align-items:start;
  font-family:Lexend;
  font-weight:var(--font-weight-regular);
  padding-top:8px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:8px;
  justify-content:center;
  background-color:#333333;
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  border-bottom-left-radius:8px;
  border-bottom-right-radius:8px;
  }
      

      
  .fvmmpV:hover {
    opacity:0.8;
  }
      

        
      
      
  .attendance-filter-view\:eyzvHobze07J7JBgnVpGr {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  .attendance-filter-view\:nMXW79XW8xkwily5lsWwv {
    padding-top:8px;
  padding-bottom:8px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cRmrri {
    gap:4px;
  color:#fff;
  width:46px;
  cursor:pointer;
  height:46px;
  font-size:14px;
  background:linear-gradient(135deg, #6C757D, #495057);
  transition:all 300ms ease 0ms normal;
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:13px;
  padding-left:16px;
  border-radius:100px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:center;
  }
      

      
  .cRmrri:hover {
    opacity:0.8;
  }
      

        
      
      
  
      

      
        
      
      
  .dUKJJQ {
    gap:4px;
  color:#fff;
  width:40px;
  cursor:pointer;
  height:40px;
  font-size:14px;
  background:linear-gradient(135deg, #6C757D, #495057);
  align-items:center;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:13px;
  padding-left:16px;
  border-radius:100px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:13px;
  justify-content:center;
  }
      

      
  .dUKJJQ:hover {
    opacity:0.8;
  }
      

        
      
      
  
      

      
        
      
      
  .fooIXR {
    gap:8px;
  width:100%;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  border-radius:10px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  }
      

      
  .fooIXR:hover {
    cursor:default;
  background-color:var(--grey-200, #E5E5E5);
  }
      

        
      
      
  .cHhXBu {
    color:#fff;
  width:46px;
  height:46px;
  background:linear-gradient(135deg, #6C757D, #495057);
  align-items:center;
  border-radius:1000px;
  justify-content:center;
  }
      

      
  .cHhXBu:hover {
    opacity:0.8;
  }
      

        
      
      
  
      

      
        
      
      
  .TQebk {
    width:100%;
  height:100%;
  position:absolute;
  background-color:#1717175e;
  }
      

      
        
      
      
  
      

      
        
      
      
  .dozfJD {
    gap:2px;
  color:var(--grey-500, #737373);
  font-size:13px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .eNxgjp {
    gap:24px;
  height:100%;
  max-height:100vh;
  overflow-y:auto;
  font-family:'Lexend';
  scrollbar-width:none;
  background-color:#ffffff;
  }
      
.eNxgjp::-webkit-scrollbar {
  width: 0;
}


      
        
      
      
  .bDUTzz {
    gap:8px;
  width:150px;
  align-items:center;
  padding-top:16px;
  padding-left:24px;
  border-radius:16px;
  padding-right:24px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:center;
  background-color:#fff;
  }
      

      
        
      
      
  .cIqXQS {
    gap:8px;
  width:30%;
  box-shadow:1px 1px 8px 0px var(--red-100, #FEE2E2);
  align-items:center;
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:24px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--red-100, #FEE2E2);
  }
      

      
        
      
      
  .elFTSI {
    color:#000;
  font-size:16px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .loukH {
    color:var(--green-700, #047857);
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .dJCjan {
    color:var(--blue-700, #1D4ED8);
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .dJblwB {
    gap:4px;
  width:fit-content;
  align-items:center;
  padding-top:8px;
  border-color:black;
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:#fff;
  }
      

      
        
      
      
  .kpdUM {
    gap:16px;
  font-family:'Lexend';
  flex-direction:row;
  }
      

      
        
      
      
  .eUXLgd {
    color:#000;
  font-size:15px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .egBkWJ {
    color:var(--grey-400, #A3A3A3);
  }
      

      
  .egBkWJ:hover {
    color:var(--grey-900, #171717);
  }
      

        
      
      
  .cieEpZ {
    gap:4px;
  color:#ffffff;
  cursor:default;
  height:fit-content;
  font-size:16px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  padding-top:8px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  background-color:#000000;
  }
      

      
        
      
      
  .dTTfoh {
    font-size:13px;
  font-family:inherit;
  font-weight:inherit;
  }
      

      
        
      
      
  .bITLdW {
    width:fit-content;
  display:flex;
  font-size:20px;
  font-family:inherit;
  font-weight:inherit;
  flex-direction:column;
  }
      

      
        
      
      
  .dlAiYj {
    color:var(--red-700, #B91C1C);
  font-size:20px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .cEXVCS {
    top:0px;
  left:0px;
  right:0px;
  z-index:1000;
  position:sticky;
  font-size:20px;
  align-items:center;
  font-family:'Lexend';
  padding-top:16px;
  padding-left:24px;
  padding-right:24px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  background-color:#fff;
  border-bottom-color:var(--grey-100, #F5F5F5);
  border-bottom-style:solid;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .etKrDX {
    font-size:10px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .bZosGY {
    gap:8px;
  font-family:'Lexend';
  }
      

      
        
      
      
  .bscOLP {
    gap:4px;
  width:fit-content;
  }
      

      
        
      
      
  .eqUeSn {
    gap:16px;
  width:100%;
  align-items:start;
  padding-top:16px;
  padding-left:24px;
  border-radius:16px;
  padding-right:24px;
  padding-bottom:16px;
  justify-content:start;
  background-color:var(--grey-50, #FAFAFA);
  }
      

      
        
      
      
  .bYYwbT {
    color:var(--blue-700, #1D4ED8);
  font-size:20px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .eysyuI {
    gap:16px;
  height:fit-content;
  align-items:start;
  padding-top:0px;
  padding-left:16px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:24px;
  justify-content:start;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .dDDwel {
    gap:4px;
  color:#ffffff;
  width:fit-content;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:#000;
  }
      

      
        
      
      
  .cqyNXD {
    color:var(--red-600, #DC2626);
  font-size:16px;
  font-family:'Lexend';
  font-weight:var(--font-weight-normal);
  }
      

      
        
      
      
  .fdvtYZ {
    color:var(--green-700, #047857);
  font-size:20px;
  font-family:'Lexend';
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .bTGucD {
    align-items:center;
  padding-left:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:16px;
  justify-content:space-between;
  border-bottom-color:var(--grey-300, #D4D4D4);
  border-bottom-style:dashed;
  border-bottom-width:1px;
  }
      

      
        
      
      
  .dYBktk {
    gap:16px;
  width:fit-content;
  align-items:center;
  font-family:'Lexend';
  flex-direction:row;
  justify-content:start;
  }
      

      
        
      
      
  .fwLOdO {
    gap:8px;
  width:30%;
  box-shadow:1px 1px 8px 0px var(--blue-100, #DBEAFE);
  align-items:center;
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:24px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--blue-100, #DBEAFE);
  }
      

      
        
      
      
  .cdBQM {
    gap:8px;
  flex-wrap:wrap;
  }
      

      
        
      
      
  .eGFexx {
    gap:24px;
  overflow-y:scroll;
  }
      

      
        
      
      
  .eRaoSN {
    gap:24px;
  align-items:center;
  flex-direction:row;
  justify-content:space-between;
  }
      

      
        
      
      
  
      

      
        
      
      
  .cbAcAv {
    gap:16px;
  width:100%;
  flex-wrap:wrap;
  padding-top:16px;
  padding-left:24px;
  border-radius:16px;
  padding-right:24px;
  padding-bottom:16px;
  background-color:var(--red-50, #FEF2F2);
  }
      

      
        
      
      
  .igHBJ {
    gap:4px;
  color:var(--red-600, #DC2626);
  width:fit-content;
  align-items:center;
  padding-top:8px;
  border-color:var(--red-600, #DC2626);
  border-style:solid;
  border-width:1px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:#fff;
  }
      

      
        
      
      
  .fvHdvi {
    gap:8px;
  width:30%;
  box-shadow:1px 1px 8px 0px var(--green-100, #D1FAE5);
  align-items:center;
  padding-top:16px;
  border-color:#fff;
  border-style:solid;
  border-width:2px;
  padding-left:16px;
  border-radius:24px;
  padding-right:16px;
  flex-direction:column;
  padding-bottom:16px;
  justify-content:center;
  background-color:var(--green-100, #D1FAE5);
  }
      

      
        
      
      
  .bwediy {
    color:var(--grey-900, #171717);
  font-size:18px;
  font-family:inherit;
  font-weight:var(--font-weight-bold);
  }
      

      
        
      
      
  .fEYCUt {
    gap:4px;
  color:#ffffff;
  width:fit-content;
  align-items:center;
  padding-top:8px;
  padding-left:16px;
  border-radius:16px;
  padding-right:16px;
  flex-direction:row;
  padding-bottom:8px;
  justify-content:start;
  background-color:var(--red-500, #EF4444);
  }
      

      
        
      
      
  .cxrhbV {
    color:var(--red-700, #B91C1C);
  font-size:14px;
  font-family:'Lexend';
  font-weight:var(--font-weight-light);
  }
      

      
        
      
      
  .eaTiAh {
    gap:8px;
  height:fit-content;
  padding-top:0px;
  padding-left:16px;
  padding-right:16px;
  padding-bottom:24px;
  }
      

      
        
      
      
  
      

      
        
      
      
  .MJuGf {
    gap:4px;
  top:80px;
  width:300px;
  z-index:1000;
  position:fixed;
  align-items:start;
  padding-top:16px;
  padding-left:0px;
  border-radius:16px;
  padding-right:0px;
  padding-bottom:16px;
  justify-content:start;
  background-color:var(--grey-100, #F5F5F5);
  }
      

      
        
      
      
  
      

      
        
      
      
  .fcjReD {
    display:flex;
  max-width:1240px;
  align-items:start;
  flex-direction:row;
  justify-content:start;
  /*scroll-margin-top:200px;*/;
  }
      

      
        
      
      
  .MNdXA {
    width:80px;
  height:80px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .dlBDqw {
    width:100%;
  height:10px;
  border-radius:20px;
  background-color:var(--grey-200, #E5E5E5);
  }
      

      
        
      
      
  .bkIoJX {
    gap:8px;
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:start;
  }